Pytania otagowane jako font-awesome

Font Awesome to kultowa samodzielna czcionka wektorowa, początkowo opracowana do użytku z frameworkiem front-end Twitter Bootstrap.

11
Użyj czcionek Niesamowite ikony w CSS
Mam trochę CSS, który wygląda tak: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Chciałbym zastąpić obraz ikoną z Font Awesome . Nie widzę zresztą użycia ikony w CSS jako obrazu tła. Czy można to zrobić, zakładając, że arkusze / czcionki Font Awesome są ładowane przed moim CSS?
304 css  font-awesome 
17
Czy mogę zmienić kolor ikony Font Awesome?
Z <a>jakiegoś powodu muszę owinąć ikonę w tagu. Czy jest jakiś sposób, aby zmienić kolor niesamowitej czcionki na czarny? czy jest to niemożliwe, dopóki jest owinięte w <a>tagu? Czcionka niesamowita ma być czcionką, a nie obrazem, prawda? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
264 html  css  font-awesome 
14
Jak wyśrodkować tekst pionowo za pomocą dużej ikony niesamowitej czcionki?
Powiedzmy, że mam przycisk bootstrap z niesamowitą czcionką ikoną i tekstem: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Jak sprawić, by tekst wyglądał na wyśrodkowany w pionie? Tekst jest teraz wyrównany do dolnej krawędzi ikony: http://jsfiddle.net/V7DLm/1/ EDYCJA: Mam możliwe rozwiązanie : http://jsfiddle.net/CLdeG/1/, ale wydaje się nieco hacky - wprowadza …
231 html  css  font-awesome 
30
Czcionka Awesome nie działa, ikony wyświetlane jako kwadraty
Próbuję więc stworzyć prototyp strony marketingowej i używam Bootstrap i nowego pliku Font Awesome. Problem polega na tym, że kiedy próbuję użyć ikony, wszystko, co jest renderowane na stronie, to duży kwadrat. Oto jak dołączam pliki do głowy: <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
Niesamowite czcionki, typ wprowadzania „Prześlij”
Wydaje się, że nie ma klasy dla typu wejściowego „Prześlij” w niesamowitej czcionce. Czy można użyć jakiejś klasy z czcionek niesamowitych do wprowadzania przycisków? Dodałem ikony do wszystkich przycisków (które faktycznie łączą się z klasą „btn” z twitter-bootstrap) w moich aplikacjach, ale nie mogę dodawać ikon przy „przesłaniu typu wejścia”. …
7
Jak dodać ikonę pokrętła do przycisku, gdy jest on w stanie Ładowanie?
Przyciski Twitter Bootstrap mają ładny Loading...stan. Chodzi o to, że po prostu pokazuje komunikat Loading...przekazany przez data-loading-textatrybut w następujący sposób: <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> Patrząc na Font Awesome, widzisz, że jest teraz animowana ikona pokrętła . Próbowałem zintegrować tę ikonę pokrętła podczas …
6
Niestandardowy styl listy li z ikoną niesamowitej czcionki
Zastanawiam się, czy możliwe jest użycie klas font-awesome (lub jakiejkolwiek innej kultowej czcionki) do utworzenia niestandardowego typu <li>listy? Obecnie używam do tego jQuery, tj .: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Jednak styl ten nie jest prawidłowy, gdy <li>tekst zawija się na stronie, ponieważ uważa, że ​​ikona jest częścią tekstu, a nie faktycznym wskaźnikiem …
15
Jak używać ikon i symboli z „Font Awesome” w natywnej aplikacji na Androida
Próbuję użyć Font Awesome w mojej aplikacji, udało mi się zintegrować czcionkę przy użyciu Typeface.createFromAsset(), ale chcę również użyć ikon dostarczonych przez tę czcionkę, ale jak dotąd nie byłem w stanie tego zrobić. Ta konkretna czcionka zawiera ikony wewnątrz obszaru prywatnego użytku Unicode (PUA), na przykład kontrolki odtwarzacza multimedialnego, dostęp …
14
Utworzyć ikony Font Awesome w kółku?
Używam niesamowitych czcionek w niektórych projektach, ale mam kilka rzeczy, które chcę zrobić z niesamowitymi ikonami czcionek, mogę łatwo nazwać taką ikonę: <i class="fa fa-lock"></i> Czy jest możliwe, aby wszystkie ikony były zawsze w okrągłym okręgu z obramowaniem? Coś takiego, mam obrazek: Za pomocą i { background-color: white; border-radius: 50%; …
139 css  font-awesome 
8
Dodaj niestandardowe ikony do niesamowitej czcionki
Uwielbiam czcionkę Font Awesome i chcę jej używać do większości ikon w mojej witrynie, ale jest kilka niestandardowych ikon SVG, których potrzebowałbym oprócz tego, co jest oferowane. Zauważyłem, że wersja Font Awesome .svg składa się głównie z następujących <glyph />elementów: ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 …
22
Ikona Font Awesome wewnątrz elementu wprowadzania tekstu
Próbuję wstawić ikonę użytkownika w polu wprowadzania nazwy użytkownika. Wypróbowałem jedno z rozwiązań z podobnego pytania, wiedząc, że background-imagewłaściwość nie będzie działać, ponieważ Font Awesome jest czcionką. Oto moje podejście i nie mogę uzyskać wyświetlania ikon. .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: …
136 html  css  fonts  font-awesome 
7
Używanie ikony Font Awesome dla punktorów z pojedynczym elementem listy
Chcielibyśmy móc używać ikony Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) jako punktora dla nieuporządkowanych list w systemie CMS. Edytor tekstu w CMS generuje tylko surowy HTML, więc nie można dodawać dodatkowych elementów / klas. Oznacza to wyświetlanie ikon, gdy oznaczenie wygląda następująco: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> Pierwszy …
133 css  font-awesome 
23
Ikony FontAwesome nie są wyświetlane. Czemu?
Ostatnio rozwijam tę witrynę i próbuję umieścić w niej niesamowite ikony czcionek, aby była skalowalna. Rzecz w tym, że się nie pojawiają. Spójrz na HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> lub <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Umieściłem odniesienie do arkusza stylów w głowie. Nie wiem, dlaczego …
123 html  css  font-awesome 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.