css font-family, setați css fontului

css font-family, setați css fontului

Bună ziua. Conectat Aleksey Gulynin. In ultimul articol, ați învățat cum să schimbe aspectul primului caracter cu ajutorul CSS. În acest articol, aș dori să vă spun cum să setați fontul în CSS. În mod implicit, când deschideți pagina de test, puteți vedea fontul standard de „Times New Roman“. Dacă nu-ți place, o puteți înlocui. Acest lucru se face prin utilizarea proprietății font-family. Vreau doar să rețineți că browser-ul caută fonturi în sistemul de operare al utilizatorului, iar dacă sunteți pe site-ul dvs. folosind unele fonturi exotice, cu atât mai probabil site-ul dvs. nu va afișa corect pe computerele majoritatea utilizatorilor. De unde știi sigur ce font este acceptat de majoritatea sistemelor de operare? Pe acest site veți găsi o listă de fonturi, care sunt sigur de a avea ca sistem de operare Windows și în Mac OS. Ceea ce este convenabil, există mai mult stil de font, de exemplu, puteți vedea imediat ce se pare ca unul sau altul font. Deci, puteți lua în condiții de siguranță la oricare dintre aceste fonturi și să nu fie teamă că site-ul dvs. undeva strâmbă afișat. Să creeze un simplu HTML-pagină cu două paragrafe și de a schimba fontul lor:

Fișierul foaie de stil style.css, scrie următoarele proprietăți pentru un paragraf (p tag):

Reîncărcați pagina, veți vedea că fontul sa schimbat. Fonturi poate specifica o virgulă, să ne scrie o astfel de structură:

În acest caz, browser-ul, dacă nu găsiți în sistemul de font al utilizatorului „Arial“. va căuta fontul „Palatino Linotype“. De asemenea, doresc să vă atrag atenția: dacă numele fontului este format din mai multe cuvinte, acesta trebuie să fie specificate în ghilimele.

Site-ul, despre care am scris mai sus, de lângă fiecare font are un nume, cum ar fi sans-serif, serif, monospace. Această așa-numita familie de fonturi. Fiecare font se referă la orice familie. Să scrie o astfel de structură:

În acest caz, în cazul în care browser-ul nu găsește sistemul utilizatorului aceste două fonturi, apoi încercați pentru a afișa pagina în orice font din familia sans-serif.

Tema: Crearea unui test HTML-pagină și pot afișa textul de pe font-l „Comic Sans MS“. Rețineți momentul în care, dacă acest text nu este, apoi utilizați o familie de fonturi cursivă.

În acest articol ați învățat cum să setați fonturi în CSS.

Mai multe articole.

  • css font-family, setați css fontului
    selectoare CSS
  • css font-family, setați css fontului
    Pseudo în CSS
  • css font-family, setați css fontului
    Efectuarea de text CSS (partea 1)
  • css font-family, setați css fontului
    Efectuarea de text CSS (partea 2)
  • css font-family, setați css fontului
    Conectarea CSS

articole similare