«font-awesome» etiketlenmiş sorular

Font Awesome, başlangıçta Twitter Bootstrap ön uç çerçevesi ile kullanılmak üzere geliştirilmiş, ikonik, bağımsız bir vektör yazı tipidir.

11
CSS'de Harika Yazı Tipi Simgeleri Kullanma
Şuna benzeyen bazı CSS var: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Resmi Font Awesome'deki bir simgeyle değiştirmek istiyorum . Yine de CSS'deki simgeyi arka plan görüntüsü olarak kullanmıyorum. Font Awesome stil sayfalarının / yazı tiplerinin CSS'imden önce yüklendiği varsayılabilir mi?
305 css  font-awesome 


17
Font Awesome'in simge rengini değiştirebilir miyim?
Herhangi bir <a>nedenden dolayı ikonumu bir etikete sarmam gerekiyor. Yazı tipi harika bir simgenin rengini siyaha dönüştürmenin olası bir yolu var mı? veya bir <a>etikete sarıldığı sürece imkansız mı? Harika yazı tipi görüntü değil yazı tipi olması gerekiyordu, değil mi? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
264 html  css  font-awesome 

14
Yazı tipi harika bir simge ile metni dikey olarak nasıl ortalayabilirim?
Diyelim ki bir font-awesome simgesi ve bazı metin ile bir bootstrap düğme var: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Metnin dikey olarak ortalanmasını nasıl sağlayabilirim? Metin şimdi simgenin alt kenarı ile hizalanır: http://jsfiddle.net/V7DLm/1/ DÜZENLEME: Olası bir çözümüm var : http://jsfiddle.net/CLdeG/1/ ama biraz huzursuz hissettiriyor - ekstra p etiketi …
231 html  css  font-awesome 

30
Yazı tipi Awesome çalışmıyor, kareler olarak gösterilen simgeler
Bu yüzden bir pazarlama sayfasını prototiplendirmeye çalışıyorum ve Bootstrap ve yeni Font Awesome dosyasını kullanıyorum. Sorun şu ki, bir simge kullanmaya çalıştığımda, sayfada görüntülenen her şey büyük bir kare. İşte dosyaları kafasına nasıl ekleyeceğim: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if …

7
Yazı tipi harika, giriş türü 'gönder'
Harika yazı tipinde "gönder" girdi türü için bir sınıf yok gibi görünüyor. Düğme girişi için font-awesome öğesinden bir sınıf kullanmak mümkün mü? Uygulamalarımdaki tüm düğmelere simgeler ekledim (bu aslında twitter-bootstrap sınıfından 'btn' ile bağlantılıdır), ancak 'girdi türü gönderme' üzerine simgeler ekleyemiyorum. Veya bu kod nasıl kullanılır: input#image-button{ background: #ccc url('icon.png') …

7
Yükleme durumundayken düğmeye bir spinner simgesi nasıl eklenir?
Twitter Bootstrap düğmelerinin güzel bir Loading...durumu var. Mesele şu ki, sadece öznitelikten şu şekilde Loading...geçti gibi bir mesaj gösteriyor data-loading-text: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Font Awesome'e baktığınızda, artık animasyonlu bir döndürücü simgesi olduğunu görüyorsunuz . UploadBöyle bir işlemi başlatırken bu çark simgesini …

6
Harika yazı tipi simgesiyle özel li liste stili
Özel bir <li>liste stili türü oluşturmak için font awesome (veya başka herhangi bir ikonik font) sınıfları kullanmak mümkün olup olmadığını merak ediyorum ? Şu anda bunu yapmak için jQuery kullanıyorum, yani: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Bununla birlikte, <li>metin sayfayı gerçek madde işareti göstergesi olarak değil, metnin bir parçası olarak gördüğü için sayfa …

15
Yerel Android Uygulamasında “Font Awesome” den simgeler ve semboller nasıl kullanılır
Uygulamamda Font Awesome'i kullanmaya çalışıyorum , yazı tipini kullanarak entegre edebildim Typeface.createFromAsset(), ancak bu yazı tipi tarafından sağlanan simgeleri de kullanmak istiyorum, ancak şimdiye kadar bunu yapamadım. Bu belirli yazı tipi, medya yürütücü denetimleri, dosya sistemi erişimi, oklar vb. İçin Unicode Özel Kullanım Alanı (PUA) içinde simgeler içerir. Android'de simge …

8
Harika yazı tipine özel simgeler ekleme
Font Awesome simge yazı tipini seviyorum ve sitemdeki simgelerin çoğunda kullanmak istiyorum, ancak sunulanlara ek olarak ihtiyacım olan birkaç özel svg simgesi var. Font Awesome'in .svg sürümünün çoğunlukla şu <glyph />öğelerden oluştuğunu fark ettim : ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 …

22
Metin giriş öğesinin içindeki Font Awesome simgesi
Kullanıcı adı giriş alanına bir kullanıcı simgesi eklemeye çalışıyorum. Font Awesome bir yazı tipi olduğu için bu özellik çalışmaz bilerek benzer soru çözüm birini denedim .background-image Benim yaklaşımım ve simge görüntüsünü alamıyorum. .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: …
136 html  css  fonts  font-awesome 

14
Bir daire içinde Font Awesome simgeleri yapmak mı?
Bazı projelerde harika yazı tipi kullanıyorum ama yazı tipi harika simgeleriyle yapmak istediğim bazı şeyler var, kolayca böyle bir simge diyebilirim: <i class="fa fa-lock"></i> Tüm simgelerin her zaman kenarlıklı yuvarlak daire içinde olması mümkün mü? Bunun gibi bir şey, bir resmim var: kullanma i { background-color: white; border-radius: 50%; border: …
134 css  font-awesome 

7
Madde işaretleri için Yazı Tipi Başar simgesini tek bir liste öğesi ile kullanma
Bir CMS'deki sırasız listeler için bir madde işareti olarak bir Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) simgesi kullanabilmeyi istiyoruz . CMS'deki metin düzenleyicisi yalnızca ham HTML çıkarır, bu nedenle ek öğeler / sınıflar eklenemez. Bu, işaret şu şekilde göründüğünde simgelerin görüntülenmesi anlamına gelir: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> …
131 css  font-awesome 

23
FontAwesome simgeleri gösterilmiyor. Neden?
Son zamanlarda bu web sitesini geliştiriyorum ve içine harika simgeler koymaya çalışıyorum, bu yüzden ölçeklenebilir. Sorun şu ki, ortaya çıkmıyorlar. HTML'ye bakın: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> veya <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Stil sayfası referansını kafasına koydum. Neden ortaya çıkmadıklarını bilmiyorum. İşte referans: <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" …
124 html  css  font-awesome 


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.