Noțiuni de bază cu fonturi minunat

Font Awesome CDN Super ușor

CDN Font Awesome este cel mai simplu mod de a începe să utilizați Font Awesome de pe site-ul sau aplicația dvs., și toate-doar o singură linie de cod. Nu este nevoie să descărcați sau să instalați nimic.







Nu trebuie să pierdeți timpul cu fișierele de pe serverul dvs. Veți primi toate 675 de pictograme plus seturi de stil - totul este optimizat pentru încărcare rapidă.

Ușor actualizări

Deoarece fiecare site va avea un set unic de pictograme, îl puteți actualiza cu ușurință fără nicio modificare a codului. Chudnenko =).

Suport auto-disponibilitate

Încărcare asincronă

Doriți să accelerați descărcarea site-ului dvs.? Și noi suntem. Pictogramele dvs. vor fi descărcate în fundal, ceea ce va da o viteză incredibilă site-ului dvs.

Îmbunătățirea personalizării cu ușurință

Doriți să gestionați și să găzduiți fișierele Font Awesome? Puteți descărca. Personalizați și utilizați pictogramele cu setările dvs. Setul de fișiere Font Awesome are un fișier simplu CSS și fișiere preprocesor: Sass și Less.

Utilizarea CSS

  1. Copiați întregul dosar al dosarului - minunat în directorul proiectului dvs.
  2. Introduceți codul următor în etichetă în codul HTML al site-ului dvs. Web.
  • Uită-te la exemple pentru a începe cu Font Awesome!

    • Folosind Sass sau mai puțin

    Utilizați această metodă pentru a personaliza Font Awesome 4.7.0 cu LESS sau SASS.

    1. Copiați întregul dosar al dosarului - minunat în directorul proiectului dvs.
    2. În proiectul dumneavoastră, deschideți font-minunat / mai / variables.less sau font minunat / SCSS / _variables.scss și edita @ fa-font-cale, sau $ fa-font-cale, respectiv fișierul, pentru a specifica calea către directorul cu fonturi.

    Calea către directorul de fonturi ar trebui să indice folderul compilat css.

  • Compilați fișierele LESS sau SASS folosind compilatorul. Ar trebui să câștige toți.
  • Uită-te la exemple pentru a începe cu Font Awesome!






    • Nivel avansat Profi

    Utilizați fontul oficial Awesome LESS Ruby Gem pentru o implementare ușoară a Font Awesome LESS în proiectul Rails. Este angajat în sprijin: @supercodepoet.

    1. Adăugați această linie în fișierul Gem al aplicației:
  • Sau setați manual:

    Dacă utilizați Rails, atunci lipiți următorul cod, de exemplu, în fișierul application.less.

    Utilizați instrumentul oficial Ruby Gem Awesome SASS pentru conectarea ușoară a Font Awesome SASS la proiectul Rails sau Compass. Este angajat în sprijin: @supercodepoet.

    1. Adăugați următoarea linie în fișierul Gem al proiectului dvs.:
  • Sau să o instalați manual:

    Dacă utilizați Rails, introduceți următorul cod, de exemplu, în fișierul application.scss.

    Informații suplimentare

    validatoare

    Pentru a asigura cel mai bun rezultat în vechile și buggy browsere, Font Awesome, în unele cazuri, folosind CSS hacks pentru a eluda glitches și bug-uri în browsere. Firește, aceste hacks provoacă avertismente la verificarea codului în validatori. De asemenea, Font Awesome utilizează noi proprietăți CSS în mai multe situații. care nu sunt încă complet standardizate, dar sunt folosite exclusiv pentru îmbunătățirea progresivă.

    În practică, aceste avertismente validatorul nu contează, din moment ce majoritatea lucrărilor, fără CSS hacks și, în consecință, acestea nu iau parte la lucrările acele zone în care acestea nu sunt utilizate. De fapt, de aceea ignorăm aceste avertismente.

    Internet Explorer 8 și @ font-face

    IE8 are mai multe probleme cu @ font-face atunci când este folosit împreună cu: înainte de pseudo-element. Font Awesome folosește doar această combinație. Dacă pagina este salvată în memoria cache sau descărcate fără cursorul mouse-ului pe browser-ul (de exemplu, atunci când faceți clic pe butonul „actualizare“, sau descărcarea de conținut peste rama), pagina va fi generat pentru a podgruzki font. Treceți cursorul peste corpul paginii (body) ar trebui să afișeze unele pictograme, mouse-overs la restul pictogramele nu sunt încărcate Revives lor. Detalii despre această problemă.

    Aveți nevoie de suport pentru IE7?

    Dacă aveți nevoie de suport pentru IE7. apoi acceptați condoleanțele mele. E adevărat. Font Awesome 4.7.0 nu suportă IE7 și versiunea de mai jos. Trebuie să citiți instrucțiunile pentru FA 3.2.1 pentru utilizare în IE7. Apoi puteți să vă plângeți la cineva care a solicitat asistență pentru IE7.

    soluție de eroare

    Dacă aveți probleme cu lucrul cu Font Awesome, puteți căuta soluția de pe pagina wiki pentru erori frecvente. Angajat în sprijin: @ gtagliala.







    Articole similare

    Pagina anterioară

    Pagina următoare

    Trimiteți-le prietenilor: