Pytania otagowane jako font-awesome

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

15
Jak dołączyć ikonę Font Awesome do renderowania Reacta ()
Ilekroć próbuję użyć ikony Font Awesome w React's render(), nie jest ona wyświetlana na wynikowej stronie internetowej, chociaż działa w normalnym HTML. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Oto przykład na żywo: http://jsfiddle.net/pLWS3/ Gdzie jest wina?
29
Niesamowita czcionka nie wyświetla ikony
Używam Font Awesome i nie chcę dodawać CSS z HTTP. Pobrałem Font Awesome i umieściłem go w swoim kodzie, ale Font Awesome pokazuje obramowane kwadratowe pole zamiast ikony. Oto mój kod: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro fa-lg"></i> fa-lg <i …
99 html  css  font-awesome 
4
Jak upewnić się, że każdy glif ma taką samą szerokość?
Zauważyłem, że nawet przy tym samym rozmiarze czcionki nie ma standardowej szerokości. Jak mogę ich użyć przed listą elementów, aby słowa nie były postrzępione? Zrzut ekranu problemu: To jest kod: <ul id="myTab"> <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li> <li><a href="#video"><i class="icon-film"></i> Videos</a></li> <li><a href="#asset"><i class="icon-paper-clip"></i> Assets</a></li> <li><a href="#payment"><i class="icon-credit-card"></i> Payment</a></li> <li><a …
6
Statycznie obracaj niesamowite ikony czcionek
Chciałbym statycznie obrócić moje niesamowite ikony o 45 stopni. Na stronie jest napisane, że: Aby dowolnie obracać i odwracać ikony, użyj klas fa-rotate- * i fa-flip- *. Jednak robi <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> nie działa, natomiast zastąpienie fa-rotate-45ze fa-rotate-90robi. Czy to oznacza, że ​​w rzeczywistości nie mogą się one …
8
Jak dodać ikonę Font Awesome do pola wprowadzania?
Jak używać ikony wyszukiwania zawartej w Font Awesome do wprowadzania danych? Mam w swojej witrynie funkcję wyszukiwania (opartą na PHPmotion), której chcę użyć do wyszukiwania. Oto kod: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" …
89 html  css  font-awesome 
8
Wyodrębnianie SVG z Font Awesome
Chcę uzyskać dane ścieżki SVG z glifów Font Awesome, aby móc ich używać bezpośrednio jako SVG w moim HTML. Pomyślałem, że będzie to tak proste, jak skopiowanie i wklejenie danych ścieżki z fontawesome-webfont.svg , ale kiedy używam go w moim HTML, wszystkie symbole są renderowane do góry nogami. Czy ktoś …
89 html  svg  font-awesome 
7
Zoptymalizuj Font Awesome tylko dla używanych klas
Używam pliku Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, aby utworzyć go jako _font-awesome.sass, więc mogę @importw moim projekcie Sass. Używam również http://middlemanapp.com/, aby przekonwertować Sass na Css . Pytania: Czy istnieje sposób na przeniesienie tylko używanych klas ikon do przekonwertowanego pliku .css? Ponieważ w tej chwili zawierał wszystkie klasy z _font-awesome.sass BONUS: …
86 css  sass  font-awesome 
9
Jak załadować font-awesome używając SCSS (SASS) w Webpack używając ścieżek względnych?
Mam font-awesome w moim folderze node_modules, więc próbuję zaimportować go do mojego głównego pliku .scss w następujący sposób: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Ale kompilacja pakietów Webpack kończy się niepowodzeniem, co mi mówi Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot ponieważ plik font-awesome.scss odnosi się do ścieżki względnej „../fonts/”. Jak mogę powiedzieć scss …
5
Atrybut Alt lub title dla znacznika i
Używam font-awesome i wyświetlam ich czcionki w ten sposób: <i class="icon-lock"></i> Spowoduje to wyświetlenie ładnego małego symbolu kłódki. Aby użytkownik wiedział, co to dokładnie oznacza, próbowałem dodać atrybuty, takie jak tytuł i alt, ale bezskutecznie. Czy istnieje atrybut, którego mogę użyć dla <i>tagu, który wykonuje to samo zadanie co alt …
3
Font Awesome vs Glyphicons w Twitter Bootstrap
Jestem początkującym w tworzeniu stron internetowych i niedawno zacząłem pracować z Twitter Bootstrap, wiem, że używa on Glyphiconów, których już umiem używać. Ale natknąłem się również na Font Awesome, który mówi, że jest zbudowany dla Bootstrap. Jakie są różnice między nimi? Mam na myśli, czy jedno jest alternatywą dla drugiego? …
8
Jak sprawdzić, czy czcionka (@ font-face) została już załadowana?
Używam Font-Awesome, ale chociaż pliki czcionek nie są załadowane, ikony są oznaczone . Dlatego chcę, aby te ikony były widoczne, display:nonegdy pliki nie są ładowane. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } Skąd mam wiedzieć, że te …
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.