FONT GOTT SOULD 6: E nānā pono
- 1 Pehea e hoʻonohonoho ai i ka fontore
- Kaʻina 1.
- Kaʻina 2.
- 2 Pehea e hoʻohana ai i nā kiʻi maikaʻi loa
- 1 mau palapala mau
- 2 mau kiʻi nui
- 3 mau kiʻi haʻuki paʻa
- 4 mau kiʻi no ka papa inoa papa inoa
- 5 mau kiʻi kiʻi a me nā hua'ōlelo
- 6 Animats mau hōʻailona
- 7 hoʻololi i nā hōʻailona
- 8 mau pihi hoʻohui
- 3 Font Awesome 4.5.0 collection, classes acss code to insert using the content property
- ʻO nā kumuwaiwai 4
- Iulia Kahuna
- Ikona Kāleka
- Ua Nīnau Pinepineʻia Nā Nīnau
ʻO Fontoret he hōʻiliʻili o nā kiʻi scalable scalable vevons. Hiki ke hoʻopiliʻia nā kiʻi i ka hoʻohanaʻana i nā waiwai css, hoʻonohonoho i ko lākou kala, ka nui, ka nui a me ka nui. Font Version 5.5.0 e pili ana i nā kiʻina 605.
1 Pehea e hoʻonohonoho ai i ka fontore
Kaʻina 1.
E hoʻohana i ka helu Font-AGSS.CSS o ka faile ma ka hoʻohuiʻana i ke code ma hope o ka<head> PAUKU:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">Ke pili nei ka font, hiki iāʻoe ke hoʻohana i nā kiʻi ma kāu pūnaewele.
Kaʻina 2.
Hoʻoiho i ka font mai a me nā mea maikaʻi maikaʻi loa . Wehe i ka waihona a hoʻouka i nā folderʻelua mai ka waihona pūnaewele i ka pūnaewele pūnaewele i ka pūnaewele pūnaewele - CSS a me nā fiss. Inā ua loaʻa iāʻoe nā leka me ia mau inoa ma kāu pūnaewele, a laila ponoʻoe e hoʻohui i nā faila mai nā faila i hoʻoihoʻia iā lākou.
Hiki iāʻoe ke hoʻohana i ka mana piha a iʻole ka minified o ka faile:
<link rel="stylesheet" href="http://yoursite/css/font-awesome.css"><link rel="stylesheet" href="http://yoursite/css/font-awesome.min.css ">2 Pehea e hoʻohana ai i nā kiʻi maikaʻi loa
Hiki ke hoʻohuiʻia nā kiʻi i kahiʻaoʻao pūnaewele ma nāʻaoʻaoʻelua: ma ka hoʻonohonohoʻana i nā papa kūpono no ka<i> a<span> elements, Ooleby adding them to the desired element using the :before, :after pseudo-elements athe appropriate value of the content property.
<i class="fa fa-home fa-fw"></i> li: Ma mua o nā mea: "\ F015";1 mau palapala mau
Hoʻohanaʻiaʻo Fontore e hoʻohanaʻia me nā mea kūponoʻole. I mea e hoʻohui ai i nā kiʻina, ponoʻoe e hoʻonohonoho i ka papa i ka<i> Oole<span> ʻOihana.
E hoʻohui i ka hōʻailona i kohoʻia ma mua a iʻole ma hope o ke kumu, he nele<i></i> Oole<span></span> Hoʻohuiʻia nā'ōnaehana i ke kumukuai o ke kumu, i hāʻawiʻia i kahi papa kuhikuhi, a me kahi papa hou e hoʻopau ai i ka pākuhi hou.
<i class="fa fa-camera-retro"></i>2 mau kiʻi nui
E hoʻonui i ka nui o kahi inika e pili ana i kāna pahu, e hoʻohana i ka fa-lg (33% hoʻonui, fa-3x, fa-5x, nā papa 4x
<i class="fa fa-camera-retro fa-lg"></i> <i class="fa fa-camera-retro fa-2x"></i> <i class="fa fa-camera- retro fa-3x"></i> <i class="fa fa-camera-retro fa-4x"></i> <i class="fa fa-camera-retro fa-5x"></i>3 mau kiʻi haʻuki paʻa
Use the fa-fw class to fix the width of the icon. This can be useful for designing navigation Oolelists on the site.
<ul> <li><a href="#"><i class="fa fa-home fa-fw"></i> KA HOME</a></li> <li><a href="# "><i class="fa fa-book fa-fw"></i> Puka Hanau</a></li> <li><a href="#"><i class="fa fa-pencil fa -fw"></i> Noi</a></li> <li><a href="#"><i class="fa fa-cog fa-fw"></i> Nā hoʻonohonoho</a ></li></ul>4 mau kiʻi no ka papa inoa papa inoa
E hoʻohana i nā papa fa-ul a me F-li-li-li-lind e hoʻololi i nā pōkā paʻa i a<ul>...</ul> papa inoa papa inoa.
<ul class="fa-ul"> <li><i class="fa-li fa fa-check-square"></i>papa inoa</li> <li><i class="fa-li fa fa-spinner fa-spin"></i>papa inoa</li> <li><i class="fa-li fa fa-square"></i>papa inoa</li></ul>5 mau kiʻi kiʻi a me nā hua'ōlelo
Use the fa-border class to set the border for the icon. The pull-right apull-left classes will add quotes to the text.
<p><i class="fa fa-quote-left fa-3x pull-left fa-border"></i>ʻO Lorem Ipsum Dollor Sat Amet, Comecteratur edipiscing Elit. Hanacke Ensro cdus, posuee liptro in, Port shaipien. I loko o ka let elit lectus. SED Lacus Elit, Semper Vaitae Fliss ID, Sodales Congue Sapien.</p>6 Animats mau hōʻailona
E hoʻohui i ka fa-spin, fa-pulse, fa-refresh ʻAʻole kākoʻoʻiaʻo animation ma IE8 - Ie9.
<i class="fa fa-spinner fa-spin"></i><i class="fa fa-circle-o-notch fa-spin"></i><i class="fa fa-refresh fa -spin"></i><i class="fa fa-cog fa-spin"></i><i class="fa fa-spinner fa-pulse"></i>7 hoʻololi i nā hōʻailona
E huli a iʻole nā kiʻi kiʻi kiʻi, e hoʻohana i ka fa-rotate- * a me FI-Flip- * mau papa.
<i class="fa fa-shield"></i> <i class="fa fa-shield fa-rotate-90"></i> <i class="fa fa-shield fa-rotate-180" ></i><i class="fa fa-shield fa-rotate-270"></i> <i class="fa fa-shield fa-flip-horizontal"></i> <i class=" fa fa-shield fa-flip-vertical"></i>8 mau pihi hoʻohui
You can combine icons by overlaying one on top of the other. Use the fa-stack class for the parent icon, the fa-stack-1x class for the standard size, afa-stack-2x for the enlarged size.
<span class="fa-stack fa-lg"> <i class="fa fa-square-o fa-stack-2x"></i> <i class="fa fa-twitter fa-stack-1x" ></i></span> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-flag fa-stack-1x fa-inverse "></i></span> <span class="fa-stack fa-lg"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-terminal fa-stack-1x fa-inverse "></i></span> <span class="fa-stack fa-lg"> <i class="fa fa-camera fa-stack-1x"></i> <i class="fa fa-ban fa-stack-2x text-danger "></i></span>3 Font Awesome 4.5.0 collection, classes acss code to insert using the content property
Nā ICONS no nā noi pūnaewele F-hoʻoponopono - \ F042;Fa-allhor - \ f13d;
Fa-archive - \ f187;
Nā FO-ARHORS - \ F047;
Fa-Asterisk - \ F069;
Faat - \ f1fa;
ʻO ka kaulike-kaulike-scale - \ f24e;
Fa-ban - \ f05e;
Fa-Bank - \ f19C;
Fa-barcode - \ f02a;
Fa-FOTY-FOTORT - \ F244;
F-Boot-hapalua-hapalua - \ F242;
ʻO ka hale o ka-boot-Quarters - \ F243;
Fa-battery-ʻekolu-ʻekolu-mau hapa - \ f241;
FO-BOTOT-FORTY - \ F240;
Fa-moe - \ f236;
F-BEE - \ F0FC;
Fa-bell - \ f0f3;
F-Bel-Slash - \ F1F6;
Fa-rivoculars - \ f1e5;
Fa-lā hānau-lā - \ f1fd;
F-Bolt - \ F0E7;
Fa-bomb - \ f1e2;
Fa-puke - \ F02D;
E huli a iʻole nā kiʻi kiʻi kiʻi, e hoʻohana i ka fa-rotate- * a me FI-Flip- * mau papa.
ʻO nā kumuwaiwai 4
Ma kahi o ka hōʻiliʻili nui, hiki iāʻoe ke hoʻohana i nā maʻi'ē aʻe.
Fontello.% Fontello he hōʻiliʻili nui o nā mea likeʻole. Hiki iāʻoe ke koho i nā kiʻi āu e makemake ai a hoʻoiho iā lākou i kāu kamepiula.
ʻO nāʻaoʻao kumu.ACCOUNT ACTER he hōʻailona'ē aʻe i ka hōʻiliʻiliʻana mai nā mea hoʻomohala o keʻano o ka Foundact. Ma ka hoʻohui i nā kiʻi kala, hale i nā kūlana o nā koloni nā kola, piliʻoihanaʻoihanaʻoihana, aʻoi aku.
Nā kiʻi paʻi kiʻi.ʻO nā ICMESTER TOCONS he mau'āpana ākea o Google e pili ana i ka maʻalahi o ka hoʻomaopopoʻana. Hoʻoholoʻia nā kiʻi no nā hōʻike nani i nā papa maʻamau a pau a no nā resolute resolute Store.
Loaʻa i ka inika i ka hōʻiliʻiliʻana i nā'āpana he 750+. ʻO ke ala maʻalahi loa e hoʻokomo i kahi hōʻiliʻili ma kāu pūnaewele e hoʻohana i nā kiʻi kiʻi e like me Google Pūnaewele Pūnaewele. I kēia hana, ua hoʻokomoʻia ke code ma lalo nei ma kaʻaoʻao:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">E hōʻike pololei i ka font i nā mea pāʻani,ʻo ka mea e hoʻohana ai i ka inika e hāʻawiʻia i ka papa hana-iniha.
.Material-nā kiʻi-bont-Fast-Family: 'Offic Font-Lift-Liveral: Fot-Style-Style: Fot-Font-Sum-nui: 24px; / * Ka nui o nā kiʻi likeʻole * / hōʻike: Inline-block; quith; 1E; Ke kiʻekiʻe: 1EM; laina-kiʻekiʻe: 1; 'Ōpala-hoʻololi:ʻAʻohe; leka-spacing: hua'ōlelo maʻamau-crap: maʻamau; keʻokeʻo Nā kuhikuhi: LTR; -ʻOibkit-font-smoower: allialiased; / * Kākoʻoʻia e nā pūnaewele pūnaewele a pau * / text-resonding: Optimizetgible; / * Safari a me crearid kākoʻo kākoʻo * / -moz-osx-font-smoothilling: grayscale; / * Kākoʻo Firefox. * / Font-spectude-hoʻonohonoho-hoʻonohonoho: 'Liga'; / * Ie kākoʻo. * /}Hoʻohuiʻia nā kiʻina iā lākou iho me ka hoʻohanaʻana i ka<I class=''material-nā kiʻi''>ligature a html code o ka ikona</i> tag, no ka laʻana:
<i class="material-nā kiʻi">moʻokāki_balance_wallelet</i><i class="material-nā kiʻi"></i>Ua hoʻomaopopoʻia ka Ligature e nā mea āpau o kēia mau mea hou aku,ʻo ia - e hoʻomaka ana mai kaʻaoʻao 10.ʻO ke kopeʻana i ke kiʻi.
Iulia Kahuna
Iulia Kahuna is controlled by additional classes:
.Material-Icons.MD-18 {Font-nui: 18PX;} / * no<i class="material-nā kiʻi md-18"></i> * /.ables-nā kiʻi.md-24 {font-nui: 24px;} / * no<i class="material-nā kiʻi md-24"></i> * /.Material-nā kiʻi.md-36 {font-nui: 36px;} / * no<i class="material-nā kiʻi md-36"></i> * /.Material-Icons.MD-48 {Font-Sign: 48px;} / * no<i class="material-nā kiʻi md-48"></i> * /Ikona Kāleka
Ua hoʻonohonoho pūʻia ke kala o nā kiʻina i ka hoʻohanaʻana i nā papa'ē aʻe:
?<i class="material-nā kiʻi md-dark"></i> * /.Material-nā kiʻi.md-kukui {color: RGba (255, 255, 255, 255, 1);<i class="material-nā kiʻi md-light"></i> * /.Material-ICons.MD-Dark.MD-OCCTIVE {COWS: RGBA (0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 AKU<i class="material-nā kiʻi md-dark md-inactive"></i> * /.Material-Icons.MD-kukui.MD-OCCHT-INTACTIVE {color: RGba (255, 255, 255, 255<i class="material-nā kiʻi md-light md-inactive">helehelena</i> * /E hoʻonohonoho i kahi kala maʻamau, ponoʻoe e hoʻohui i kahi papa e wehewehe i ke kala o keʻano o keʻano, no ka laʻana:
.Material-nā kiʻi.indoigo {color: # 1a237e;} / *<i class="material-nā kiʻi indigo"></i> * /Ua Nīnau Pinepineʻia Nā Nīnau
- He aha nā mea weliweli i nā'ōlelo maʻalahi?
- Ma keʻano, he font i nā kiʻi e hiki ke hoʻohuiʻia i kekahi mea pūnaewele e hoʻonui ai i kānaʻike a me ka hoʻolālā. ʻO ka hōʻiliʻiliʻana o nā'āpana he nui o nā'āpana he nui kūpono no kekahi hana a me kekahi kumu.ʻO nāʻike hou aʻe ma kēia loulou
ʻO Michenleloʻo Micheny ka huakaʻi hele huakaʻi hele a me ka mea hana i ka mea hana. Hoʻololi i ka hoihoi i ka hoʻonaʻauao a me kaʻimiʻana, ua hōʻiliʻiliʻo ia e kaʻana i kaʻike a me ka hoʻomaʻamaʻaʻana i nā poʻe'ē aʻe ma ka nānāʻana i nāʻike hoʻonaʻauao. ʻO ka laweʻana i ka honua e kokoke pū ana ma nā poʻe e pili ana i nā poʻe me nā loea honua a me kahi manaʻo o ka wanderlust.
