Cum să utilizați un font personalizat pe site-ul, workwebsite - crearea și promovarea de site-uri,
Salutări! Când vorstke pagini de pe site-ul, și, uneori, trebuie să se ocupe de fonturi non-standard. Dar nu orice novice știe cum să folosească un font personalizat pe site-ul.
fonturi non-standard sunt cele care nu sunt în pornirea pachetului sistemului de operare. Cu alte cuvinte, este fonturi self-made, sau descărcate de pe Internet, etc. Standard pot fi numite astfel de fonturi, cum ar fi Tahoma, Verdana, Arial, Times New Roman, etc. Asta este, cei care sunt pe orice computer (dacă nu le ștergeți). După cum știți, în acest articol voi vorbi doar despre non-standard. Deci nu te duci.
Utilizați fonturi personalizate ca principal, nu este corect, în opinia mea, sunt mai potrivite pentru unități mai mici pe site-ul (PAC, un meniu orizontal. Sidebar). Setați-le într-un mod standard, poate fi poate nu, sau mai degrabă, ele sunt deschise pe computer, iar altele nu. Toate acestea deoarece acestea sunt instalate, dar nu sunt vizitatori, respectiv, pe computer. Ei bine, în cazul în care un vizitator ar vedea păsărească pe site-ul, cursorul mouse-ului său, ajunge rapid pentru butonul „X“.
Această problemă poate fi evitată în două moduri: tot ce ai nevoie pentru a aduce un font non-standard pentru a face ca o imagine sau pentru a se conecta la site-ul fontului dorit. Cu prima opțiune, totul este clar, așa că voi discuta în acest articol, doar al doilea.
Font-Face - instala fonturi personalizate pe site-ul
În CSS, există reguli speciale @. Așa că e unul dintre ei, și vă permite să conectați site-ul dvs. la fontul. Priviți cu atenție la codul.
Pentru cei care nu înțeleg codul explică. Noi folosim o regula @ font-face, în care ne scrie numele nostru pentru font (terminatorul), precum și specifica link-ul de la locația sa pe site-ul. Pe lângă toate etichetele div seta terminatorul fontului. Se pare că totul este ușor și simplu, la fel ca fundal fix pe site.
Dar nu atât de mare pe cât pare, ca motiv, la fel ca în unele cazuri, imaginile sunt utilizate în locul fontului. Faptul că această metodă are două dezavantaje.
Font, care este conectat cu site-ul, acesta va crește timpul de încărcare, fonturi și poate cântări de la 100 kilobytes la 10 MB. Uneori, chiar mai mult.
Un alt minus este, mai gravă. Pentru aspect cross-browser-ul trebuie să descărcați același font în patru formate diferite. Conversia fontului în toate cele patru formate, puteți utiliza un convertor de fonturi fontsquirrel de clasă. Hai sa vorbim despre argumente pro și contra:
- Trei moduri de conversie, ușor, Optimal, Expert.
- Se convertește în diverse formate de fonturi.
- Se creează un fișier CSS cu codul gata pentru a lipi în site.
- Un set mare de opțiuni de afișare a textului.
- Nu funcționează cu fonturi licențiate (protejate).
Firește, după injectarea de patru fonturi de pe server, toate acestea vor trebui să se înregistreze într-un fișier de stil pe site-ul. Sau copiați codul generat cu șablonul CSS terminat. care vă va da convertor. În orice caz, am publicat aici.