Қарапайым және Unicode қаріпі

Менің сайтымның қаріптерін керемет қолданамын (ол жақсы) және мен оны қолдансам, жақсы жұмыс істейді:


Бірақ (кейбір себептер бойынша) Unicode жолында қолданғым келеді, мысалы:


( Қаріптің Awesome шифры )

Бірақ бұл жұмыс істемейді - браузер орнына квадратты көрсетеді.

Мұны қалай шешуге болады? CSS жолдары дұрыс (Font Awesome жұмысын пайдаланудың бірінші жолы ретінде).

Өңдеу: Менде FontAwesome.otf орнатылған.

31
jsfiddle: jsfiddle.net деп жазыңыз
қосылды автор Mohammad Areeb Siddiqui, көзі
бұл параметрді орнатып көріңіз: <meta http-equiv = «Content-Type» content = «text/html; charset = utf-8» /> .
қосылды автор Mohammad Areeb Siddiqui, көзі
менің жауапты тексеріңіз!
қосылды автор Mohammad Areeb Siddiqui, көзі
Мен қазір барлық файлдарға қол жеткізе алмай отырмын, мен веб-шрифтті Unicode көмегімен қалай пайдалану керектігін білгім келеді.
қосылды автор matan129, көзі
бұл көмектеспейді
қосылды автор matan129, көзі

9 жауаптар

It does not work, because simply asks the browser to display the Private Use code point U+F015 using an italic typeface. The Font Awesome CSS code has nothing that would affect this. If you add class=icon-home to the tag, you will get the glyph assigned to U+F015 in the FontAwesome font, but you will get it twice, due to the way the Font Awesome trickery works.

Глифті бір рет алу үшін, CSS-ді пайдалану керек, ол FontAwesome қарпін генерацияланған мазмұн арқылы глифті қосатын ережелерді іске қоспай сұрайды. Қарапайым трюк - icon - басталатын сынып атауын пайдалану, бірақ Қаріптің Аңғартпасында алдын-ала анықталған атаулардың немесе CSS немесе JavaScript кодының өзгеше пайдаланылатын кез келген аттарымен сәйкес келмейді. Мысалы,


Сонымен қатар, i элементінде font-family: FontAwesome және font-style: normal белгілейтін CSS кодын пайдаланыңыз.

PS. Note that Private Use code points such as U+F015 have, by definition, no interoperable meaning. Consequently, when style sheets are disabled, will not be displayed as any character; the browser will use its way of communicating the presence of undefined data, such as a small box, possibly containing the code point number.

33
қосылды
+1. Юникодтың әсер ету әрекеттерін пайдалану ма? Мен жалған элементін пайдаланудың қажеті болмағандықтан, оның мазмұнын анықтамай тұрып, анықтай аламын.
қосылды автор Ced, көзі
PS үшін +1. FontAwesome сияқты символдық қаріптердің идеясы, менің ойымша, Юникод пен Интернеттің жобаланған дизайнына бөтен және жалпы зиянды болып табылады.
қосылды автор bobince, көзі
FontAwesome 5 көмегімен, font-family: FontAwesome; енді жұмыс істемейтінін таптым. Оның орнына font-family: Font Awesome \ 5 Free; қолдануға тура келді.
қосылды автор Tom Warner, көзі
@ TomWarner түсініктемесі өте пайдалы. font-family параметрін орнатудың дұрыс жолы бар. ескерту - қалыпты жағдайдан өзгеше қаріп салмағы параметрін орнату қажет болуы мүмкін. менің жағдайымда оны белгішенің пайда болуына батыл болу керек болды.
қосылды автор aberkow, көзі

fa класын пайдалану керек:




26
қосылды

Осы лауазымнан нұқсан келтіре алатындар үшін сізге орнату керек

font-family: FontAwesome; 

CSS селекторында қасиет ретінде, содан кейін Unicode CSS-де жақсы жұмыс істейді

15
қосылды
Бұл жұмыс істеу үшін маған керек болды
қосылды автор Osvaldo Maria, көзі
1
қосылды
онда жолдар туралы не айтасыз? олар дұрыс? екі рет тексеріңіз !
қосылды автор Mohammad Areeb Siddiqui, көзі
Сіз туралы .htaccess? оны жергілікті каталогтарыңызға орналастыра аласыз, бірақ WAMP немесе XAMPP сияқты жергілікті серверді пайдалануыңыз қажет
қосылды автор Mohammad Areeb Siddiqui, көзі
Мен оны тексеремін, біраз уақыт кетуі мүмкін. Көмектесуге рақмет!
қосылды автор matan129, көзі
Олар дұрыс болуы керек, себебі мен қаріпті осы жолмен қолданғанда ' ' жұмыс істейді
қосылды автор matan129, көзі
мүмкін емес, себебі менің сайтым әлі де жергілікті, тек кейбір html. Мен оны тексеру үшін WAMP/XAMPP-ды пайдаланудың қажеті жоқ. Және шрифт IS жергілікті түрде орнатылды
қосылды автор matan129, көзі

You can also use the FontAwesome icon with the CSS3 pseudo selector as shown below. enter image description here

FontAwesome-ға төменде көрсетілгендей шрифт отбасын орнатуды қамтамасыз етіңіз:

table.dataTable thead th.sorting:after {font-family: FontAwesome;}

Жоғарыда көрсетілген жұмыстарды алу үшін келесі әрекеттерді орындау қажет:

  1. Download the FontAwesome CSS library here FontAwesome v4.7.0
  2. Extract from the zip file and include into your app root folder, the two folders as shown below: enter image description here
  3. Reference only the CSS folder in the <head></head> section of your app as shown below: enter image description here
1
қосылды
Css коды үшін скриншоттарды қолданбаңыз
қосылды автор rekire, көзі

Мен бұл жұмыс істегенін білдім

content: "\f2d7" !important;
font-family: FontAwesome !important;

Мен үшін маңызды емес жұмыс істемейді.

Here's a tutorial on how to change social icons with Unicodes https://www.youtube.com/watch?v=-jgDs2agkE0&feature=youtu.be

1
қосылды

Font-Awesome нұсқасында 5 (тегін) деп таптым, сіз мыналарды қосасыз: « қаріп тұқымдары: Font Awesome \ 5 Тегін; » тек ол дұрыс жұмыс істеген сияқты.

Бұл мен үшін жұмыс істеді :)

Кейбіреулер мұны пайдалы деп есептейді

1
қосылды
Рақмет сізге! Мен қаріптің таңғажайып CSS-ні ​​тексердім және бұл жауап болды, бірақ бірнеше нұсқалар бар (pro лицензиясының сатып алынғанына байланысты). Бұл мен үшін құпияны шешті.
қосылды автор TomJ, көзі

Just to add on Jukka K. Korpela answer above, font awesome already defined a CSS selector "fa". You can simply do . The catch here is, fa defines the font-style:normal, if you need italic, you can override like

0
қосылды

Unicode және fontawesome әдістерін пайдаланып, симуляторлық мәселе алдым. Мен жазғанымда:

font-family: 'Font Awesome\ 5 Free';
content: "\f061"; /* FontAwesome Unicode */

Google хромында белгішенің орнына квадрат пайда болады. Қаріптің Awesome жаңа нұсқасы қажет

font-weight: 900;

Бұл мен үшін жұмыс.

From : https://github.com/FortAwesome/Font-Awesome/issues/11946

Бұл көмектеседі деп сенемін.

0
қосылды