fonturi personalizate pe site-ul - conecta folosind css

În general, aș spune că utilizarea de fonturi personalizate pe site-ul - nu este foarte de dorit. Și toate lucrurile fonturile site-ul de la Photoshop - eroare designer de dur, care indică lipsa lui de experiență, cred. site frumos de acest lucru nu devine, dar ieși dificultăți cu afișarea fonturilor în diferite browsere. O modalitate de a conecta un font non-standard pe un site pe care o voi descrie mai jos este bun pentru că funcționează bine în browsere populare.

întreprinse pentru a impune un șablon pentru WordPress recent comandat, iar ambele ori, am fost confruntat cu introducerea de fonturi non-standard pe un site. Deși sarcina nu este la fel de dificil ca și mi se părea la prima vedere, dar am petrecut o mulțime de timp pentru a căuta soluția sa. De fapt, așa cum sa dovedit, există mai multe modalități de a conecta un font non-standard pentru site-ul web. dar cel mai eficient și ușor, în cazul meu sa dovedit a fi o modalitate de a se conecta la site-ul folosind fontul CSS.

Conectarea unui fonturi non-standard folosind CSS

Dacă ați găsit deja și descărcate fontul, fontul este deja posibil să se conecteze la site-ul. Pentru a face acest lucru, descărcați fișierul de font prin FTP la site-ul. de exemplu, într-un dosar de tema. Apoi, în folderul style.css temă, localizați fișierul și deschideți-l pentru editare. Adăugați următorul cod în fișierul style.css și edita.

Cred că este necesar să se clarifice un pic de acest cod.

Această linie vă configurați reguli pentru CSS, cu care le puteți atribui mai târziu, un anumit element de font dorit.

Această linie verifică fontul sistemul de operare al utilizatorului, iar dacă fontul lipsește, fontul este încărcat dintr-un dosar de tema.

Această linie indică calea către fișierul de font pentru a descărca de pe mașina utilizatorului. Desigur, 42852.ttf - este numele fișierului de font cu o extensie. Trebuie specificat de expansiune.

Deci, conectați un font non-standard la site-ul. Apoi, trebuie doar să fie utilizate în mod normal pentru toate elementele de text ale site-ului. Exemplul de mai jos arată.

Astfel, toate antetele H1 site-ul dvs. va fi afișat folosind fontul Arhanghel. În mod similar, puteți seta un font personalizat pentru orice alt element al site-ului dvs. folosind reguli CSS.