Pertanyaan yang diberi tag «font-awesome»

Font Awesome adalah font vektor mandiri ikonik, awalnya dikembangkan untuk digunakan dengan kerangka kerja front-end Twitter Bootstrap.

11
Gunakan Font Awesome Ikon di CSS
Saya memiliki beberapa CSS yang terlihat seperti ini: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Saya ingin mengganti gambar dengan ikon dari Font Awesome . Saya tidak melihat pula untuk menggunakan ikon di CSS sebagai gambar latar belakang. Apakah ini mungkin dilakukan dengan asumsi Font Awesome stylesheet / …
305 css  font-awesome 
17
Bisakah saya mengubah warna warna ikon Font Awesome?
Saya harus membungkus ikon saya di dalam <a>tag untuk beberapa alasan. Apakah ada cara yang mungkin untuk mengubah warna ikon font-mengagumkan menjadi hitam? atau mungkinkah asalkan dibungkus dengan <a>tag? Font yang mengagumkan seharusnya font bukan gambar, kan? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
264 html  css  font-awesome 
14
Bagaimana cara memusatkan teks secara vertikal dengan ikon besar font-mengagumkan?
Katakanlah saya memiliki tombol bootstrap dengan ikon font-mengagumkan dan beberapa teks: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Bagaimana cara membuat teks tampak terpusat vertikal? Teks disejajarkan dengan tepi bawah ikon sekarang: http://jsfiddle.net/V7DLm/1/ EDIT: Saya punya solusi yang memungkinkan : http://jsfiddle.net/CLdeG/1/ tapi rasanya agak hacky - memperkenalkan tag p …
231 html  css  font-awesome 
30
Font Awesome tidak berfungsi, ikon ditampilkan sebagai kotak
Jadi saya mencoba membuat prototipe halaman pemasaran dan saya menggunakan Bootstrap dan file Font Awesome baru. Masalahnya adalah ketika saya mencoba menggunakan ikon, semua yang diberikan pada halaman adalah kotak besar. Inilah cara saya memasukkan file di kepala: <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"> …
7
Mengagumkan, tipe masukan 'kirim'
Tampaknya tidak ada kelas untuk tipe input 'kirim' dalam font-mengagumkan. Apakah mungkin menggunakan beberapa kelas dari font-dahsyat untuk input tombol? Saya telah menambahkan ikon ke semua tombol (yang sebenarnya terhubung dengan kelas 'btn' dari twitter-bootstrap) di aplikasi saya, tetapi tidak dapat menambahkan ikon di 'input type submit'. Atau, cara menggunakan …
7
Bagaimana cara menambahkan ikon pemintal ke tombol ketika itu dalam status Memuat?
Tombol Twitter Bootstrap memiliki status yang bagus Loading.... Masalahnya adalah itu hanya menampilkan pesan seperti Loading...melewati data-loading-textatribut seperti ini: <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> Melihat Font Awesome, Anda melihat bahwa sekarang ada ikon pemintal animasi . Saya mencoba mengintegrasikan ikon pemintal itu ketika …
6
Gaya daftar li khusus dengan ikon font-mengagumkan
Saya bertanya-tanya apakah mungkin untuk menggunakan kelas font-mengagumkan (atau font ikonik lainnya) untuk membuat jenis <li>gaya daftar kustom ? Saat ini saya menggunakan jQuery untuk melakukan ini, yaitu: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Namun, ini tidak gaya dengan benar ketika <li>teks membungkus halaman karena menganggap ikon sebagai bagian dari teks, bukan indikator-peluru yang …
8
Tambahkan ikon khusus ke font yang mengagumkan
Saya suka font ikon Font Awesome dan ingin menggunakannya untuk sebagian besar ikon di situs saya, tetapi ada beberapa ikon svg kustom yang saya perlukan selain yang ditawarkan. Saya perhatikan bahwa versi .svg dari Font Awesome sebagian besar terdiri dari <glyph />elemen - elemen ini : ... <glyph unicode="" horiz-adv-x="1536" …
23
Ikon Font Awesome di dalam elemen input teks
Saya mencoba memasukkan ikon pengguna di dalam bidang masukan nama pengguna. Saya telah mencoba salah satu solusi dari pertanyaan serupa karena mengetahui bahwa background-imageproperti tidak akan berfungsi karena Font Awesome adalah font. Berikut ini adalah pendekatan saya dan saya tidak bisa mendapatkan tampilan ikon. .wrapper input[type="text"] { position: relative; } …
140 html  css  fonts  font-awesome 
14
Buat Font ikon Luar Biasa dalam lingkaran?
Saya menggunakan font yang mengagumkan pada beberapa proyek tetapi saya memiliki beberapa hal yang ingin saya lakukan dengan ikon font yang mengagumkan, saya dapat dengan mudah memanggil ikon seperti ini: <i class="fa fa-lock"></i> Mungkinkah semua ikon selalu melingkar dengan perbatasan? Sesuatu seperti ini, saya punya gambar: Menggunakan i { background-color: …
134 css  font-awesome 
7
Menggunakan ikon Font Awesome untuk poin-poin, dengan elemen item daftar tunggal
Kami ingin dapat menggunakan ikon Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) sebagai titik poin untuk daftar tidak berurutan dalam CMS. Editor teks pada CMS hanya menghasilkan HTML mentah sehingga elemen / kelas tambahan tidak dapat ditambahkan. Ini berarti menampilkan ikon ketika mark up terlihat seperti ini: <ul> <li>Item 1</li> <li>Item 2</li> …
131 css  font-awesome 
23
Ikon FontAwesome tidak muncul. Mengapa?
Baru-baru ini saya telah mengembangkan situs web ini dan saya mencoba memasukkan ikon font yang luar biasa di dalamnya, sehingga dapat diskalakan. Masalahnya adalah mereka tidak muncul. Lihat HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> atau <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Saya menempatkan referensi stylesheet di kepala. …
123 html  css  font-awesome 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.