Опростените опции за оформяне ви позволяват да променяте шрифта (или типа) на уеб страницата, като използвате CSS (Cascading Style Sheets). Можете да зададете шрифта на отделни думи, конкретни изречения, заглавия, цели абзаци и дори цели страници на текста.
Как да промените шрифта с CSS
Можете да направите промените в HTML и CSS обяснени по-долу, като използвате HTML редактор или текстов редактор. Можете или да копирате текста от страницата и да го поставите в редактор, за да направите промените там, или да отворите цялата уеб страница в редактора и да редактирате директно.
-
Намерете текста, на който искате да промените шрифта. Ще използваме това като пример:
Този текст е в Arial
-
Заобиколете текста с елемента SPAN:
Този текст е в Arial
-
Добавете атрибута стил = "" към маркера за величина:
Този текст е в Arial
-
В атрибута за стил променете шрифта с помощта на шрифтово семейство стил.
Този текст е в Arial
-
Запазете промените, за да видите ефектите.
Съвети за използване на CSS за промяна на шрифта
-
Най-добрият подход е винаги да имате поне два шрифта в стека на шрифта (списъка с шрифтове), така че ако браузърът няма първият шрифт, вместо това може да използва втория шрифт.
Отделете няколко избора на шрифтове със запетая, както следва:
шрифт-фамилия: Arial, Женева, Helvetica, sans-serif;
-
Примерът, обяснен по-горе, използва вграден стил, но най-добрият вид стил използва външен лист стил, така че да можете да повлияете повече от един елемент. Можете да използвате класа, за да зададете стила на блокове с текст.
Този текст е в Arial
В този пример, CSS файлът за стил на горния HTML ще се покаже, както следва:
.arial {шрифт-семейство: Arial; }
-
Винаги завършва CSS стилове с точка и запетая (;). Не е задължително, когато има само един стил, но е добър навик да започнете.
