Как да използвам CSS за промяна на шрифтове на уеб страници

Снимките на екрана по-долу се отнасят за игралната площадка на кода JSFiddle.net, но описаните концепции са верни, независимо къде е приложен вашият код.

Намерете текста, където искате да промените шрифта. Ще използваме това като пример:

В атрибута style променете шрифта, като използвате шрифтово семейство стил.

Запазете промените, за да видите ефектите.

Най-добрият подход е винаги да имате поне два шрифта във вашия стек шрифтове (списъкът с шрифтове), така че ако браузърът няма първия шрифт, той може да използва втория шрифт вместо него.

Примерът, посочен по-горе, използва вграден стил, но най-добрият вид стайлинг използва външен лист със стилове да модифицирате повече от само един елемент. Използвайте клас, за да зададете стила върху текстови блокове.

Винаги завършвайте CSS стиловете с точка и запетая (;). Не се изисква, когато има само един стил, но е добър навик да започнете.

Формат

mlaапачикаго

Вашето позоваване

Кирнин, Дженифър. „Как да използвам CSS за промяна на шрифтове на уеб страници.“ ThoughtCo, май. 25, 2021, thinkco.com/change-fonts-using-css-3464229.

instagram viewer
Кирнин, Дженифър. (2021, 25 май). Как да използвам CSS за промяна на шрифтове на уеб страници. Взето от https://www.thoughtco.com/change-fonts-using-css-3464229Кирнин, Дженифър. „Как да използвам CSS за промяна на шрифтове на уеб страници.“ ThoughtCo. https://www.thoughtco.com/change-fonts-using-css-3464229 (достъп до 23 юни 2021 г.).