Съвет 1: Как да предпише шрифт

Съвет 1: Как да предпише шрифт


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



Как да регистрирам шрифт


инструкция


1


Можете да зададете опциите шрифта, за които браузърът трябва да използвапоказвате конкретен блок от текстове в страницата, точно преди началото на този блок. За тази цел инструментите за маркиране на езика са достатъчни, без да се използват стилните описания на елементите на документа. Съответната HTML структура се състои от шрифта за отваряне и затваряне на маркери (<font> и </ font>), между които се поставя текстът. Този маркер ви позволява да зададете име шрифта в атрибута на лицето, неговия цвят (в цветовия атрибут) иразмер (атрибут размер). Цветът може да бъде посочен в текстовото му означение (например синьо), но е по-добре да използвате шестнадесетични кодове (например # 0000FF вместо син), защото с тях можете да изберете правилния оттенък. размер шрифта тук е даден в относителни единици - трябва да посочите число в диапазона от 1 до 7. Пример за текст с посочените по този начин параметри шрифта: <font color = "флот" face = "Verdana" размер = "5"> Примерен текст </ font>


2


Друг начин е да използвате атрибута за стила. Тя може да бъде уточнена в много тагове, включително тези, които формират малки букви или блокират области с текст в тялото на документа. Ето един пример с маркер, който оформя един параграф от текста: </ font>: 700pxpx / 12 Verdana; "> Примерния текст </ p> Тук номер 700 е собственост на шрифт и 20px е размер на шрифта. По този начин те почти се дублират - задайте размера на буквите. Единствената разлика е, че размерът на шрифта показва размерите в абсолютни единици (px или em) и теглото на шрифта в относителните единици, т.е. Увеличава или намалява размера на този текстов блок спрямо зададеното за целия документ като цяло. Както разбирате, използването на едновременно едновременно в един атрибут на стил няма смисъл, тук те се комбинират само като пример. Числото 12, означено чрез фракция след абсолютния размер, определя височината на редовете в този параграф. И Verdana е, разбира се, името на използваното шрифта.


3


Въпреки това, спецификацията на параметрите шрифта директно в маркерите за елементи на страницатарядко се използва. Обикновено описанията на шрифта се изобразяват в CSS блокове, а маркерите уточняват само позоваванията към тях - в атрибутите клас или id. Извадка от този тип индикация на параметрите шрифта: <style = "text / css"> .paraFont {font: 20px / 40 Verdana;} </ style> <p class = "paraFont"> Примерния текст </ p>


4


Ако в страницата няма конкретно разнообразие от шрифтове,тогава можете да зададете параметри, например, за всички маркери <p> и да не посочвате препратки към описанието на стил в атрибута на класа или в id. В този случай предишната извадка може да бъде опростена до следната форма: <style = "text / css"> p {font: 20px / 40 Verdana;} </ style> <p>



Съвет 2: Как да настроите шрифта си в html


Шрифтът е неразделна част от уеб дизайна, давайкихарактерния стил на сайта. Качественият текст на страницата трябва да изглежда хармонично в съчетание с други елементи на сайта и в същото време да допринася за по-доброто възприемане на информацията. Използвайки HTML маркиращ език и CSS каскадни таблици, можете да настроите почти всички параметри, които помагат за постигане на максимална ефективност на страницата.



Как да настроите шрифта си в html


Ще ви трябва



  • - файл с шрифтове във формат TTF.


инструкция


1


За да използвате набор от шрифтове, инсталирани на компютъра, можете да използвате параметъра family-font на каскадните стилови листове. За целта въведете следния код за желания елемент:

текст

Тази команда ще покаже заглавката на второто ниво h2 с текста на Arial слушалките.


2


Ако искате да използвате своя собствен шрифт,тя трябва първо да се качи на хостинга и да се активира, като се използва съответната команда. Файловете TTF се включват със следната команда: @ font-face {font-family: font; src: url (font.ttf); } В този случай атрибутът "шрифт-семейство" определя името на шрифтовата слушалка и src: url (font.ttf) определя пътя към файла TTF.


3


След като активирате елемент, можете да го използвате, за да показвате текст:

текст

Тази команда отговаря за изхода на изискванотоfont font italic в заглавната част на второто ниво. Ако браузърът на потребителя не поддържа обработката на TTF файловете, ще бъде използван системния шрифт (в този случай Verdana) след първата запетая.


4


Някои браузъри не поддържат възможност за изтеглянеTTF. Например, Internet Explorer 8 използва EOT формат за показване на текст. За такива браузъри конвертирайте оригиналния TTF с помощта на множество услуги и включете получената слушалка в опцията @ font-face по същия начин.


5


Ако искате да импортирате искате с други ресурси файла, използвайте @import, който трябва да бъде написан в горната част на CSS на документа: @import адреса (HTTP: // adres_shrifta)