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

Елементът FONT бе отхвърлен в HTML 4 и не е част от спецификацията на HTML5. Така че, ако искате да промените шрифтовете на уеб страниците си, трябва да научите как да го направите с CSS (Cascading Style Sheets ).

Стъпки за промяна на шрифта с CSS

  1. Отворете уеб страница, като използвате текстов HTML редактор . Това може да е нова или съществуваща страница.
  2. Напишете някакъв текст: Този текст е в Arial
  3. Заобиколете текста с елемента SPAN: Този текст е в Arial
  4. Добавете атрибута style = "" към маркера "Span": Този текст е в Arial
  5. В стил атрибут, променете шрифта, използвайки стил шрифт-семейство: Този текст е в Arial

Съвети за промяна на шрифта с CSS

  1. Отделете няколко избора на шрифтове с запетая (,). Например,
    1. шрифт-фамилия: Arial, Женева, Helvetica, sans-serif;
    2. Най-добре е винаги да имате поне два шрифта в стека на шрифта (списъка с шрифтове), така че ако браузърът няма първия шрифт, той може да използва втория шрифт.
  2. Винаги завършвайте всеки CSS стил с полукапаран (;). Не е задължително, когато има само един стил, но е добър навик да влезете.
  3. Този пример използва вградени стилове, но най-добрият тип стилове се поставят в външни листове стил, така че да можете да повлияете повече от един елемент. Можете да използвате класа, за да зададете стила на блокове с текст. Например:
    1. class = "arial"> Този текст е в Arial
    2. Използване на CSS:
    3. .arial {шрифт-семейство: Arial; }