Какво е шрифт?
Шрифт е набор от изображения на букви, цифри или символи, който се използва за визуализиране на знаци. Понеже компютрите могат да обработват само числа, те приемат, съхраняват и изпращат всеки текст като последователност от кодове - числа. За да бъдат показани на екрана тези кодове като разбираеми от човек букви, цифри или други знаци, на компютъра трябва да се укаже на кой код какъв графичен елемент (картинка на буква, цифра и т.н.) съответства. Именно тази роля на преводач от компютърни кодове към разбираем текст изпълняват шрифтовете.
Даден шрифт (напр. Hebar Bold) е стилистично еднородна съвкупност от знаци, a стилистично сходни шрифтове се групират в семейства (font family) - напр.Hebar Bold, Hebar Italic, Hebar Bold Italic и др. са част от Hebar семейството от шрифтове.
Видове шрифт
Шрифответе най-общо се поделят на три групи:
- Serif: Това са шрифтове, при които някои знаци имат заострени краища; В следващия пример обърнете внимание на главното T, S и G:
Това е текст, написан със Serif тип шрифт - Georgia
- Sans-Serif: Противоположно на Serif, знаците в тези шрифтове нямат заострени линии:
Това е текст, написан със Sans-Serif тип шрифт - Verdana
- Monospace: За разлика от други шрифотве, при които някои знаци (напр. ф ) заемат повече място от други (напр. а), при monospace шрифтовете всички знаци заемат еднаква широчина:
Това е текст, написан с Monospace тип шрифт - Lucida-console
Кога какви шрифтове се предпочитат?
Serif шрифтовете със своите украшения изглеждат по-стилни от Sans-Serif събратята си и се предпочитат при отпечатването на книги, вестници или списания. На компютърния екран обаче заострените части на буквите не се виждат много добре и по тази причина за интернет страници се предпочитат Sans-Serif шрифтове.
Monospace шрифтовете от своя страна, намират напр.приложение при оформяне на таблици, в които се сравняват последователности от символи. Понеже Monospace шрифтовете използват еднаква широчина за всички символи, двата символни низа ще се подравнят правилно и сравнението между тях ще бъде лесно.
Ето и един пример:
Следващите два реда са с шрифт Verdana. Макар че съдържат еднакъв брой символи (12), дължината на редовете е различна:
ШФШФШФШФШФШФ
ТИТИТИТИТИТИ
Същите два реда с Monospace шрифт Courier са идеално подравнени:
ШФШФШФШФШФШФ
ТИТИТИТИТИТИ
Някои по-разпространени шрифтове
Шрифтовете по същество са файлове с рисунки на букви, цифри и знаци и по тази причина има теоретично безброй възможни шрифтове - доколкото човешкото въображение и творчество за неограничени. На практика има хиляди шрифтове, като непрекъснато се създават нови. Ако искате да създадете например покана за сватба, можете да избирате свободно от стотици изящни шрифтове. Нужно е само да инсталирате избрания шрифт на своя компютър, за да отпечатате своя шедьовър.
Когато изготвяте уеб страници обаче трябва да се съобразявате с какви шрифтове разполагат посетителите на страниците ви. Страницата ви може да изглежда страхотно с шрифтовете, които сте инсталирали на своя компютър. Но ако посетителите на страницата ви не разполагат с използваните от вас шрифтове, те ще видят текста просто с някой от шрифтовете по подразбиране, използващи се когато указания на страницата шрифт не е инсталиран.
Ето някои шрифтове за кирилица в кодировка Unicode, които се поддържат от Windows XP:
| Шрифт | Примерен текст |
|---|---|
| Arial | Здравей, приятелю чудесен! |
| Century | Здравей, приятелю чудесен! |
| Courier New | Здравей, приятелю чудесен! |
| Georgia | Здравей, приятелю чудесен! |
| Lucida Console | Здравей, приятелю чудесен! |
| Microsoft sans serif | Здравей, приятелю чудесен! |
| Palatino Linotype | Здравей, приятелю чудесен! |
| Tahoma | Здравей, приятелю чудесен! |
| Times New Roman | Здравей, приятелю чудесен! |
| Trebuchet | Здравей, приятелю чудесен! |
| Verdana | Здравей, приятелю чудесен! |
Големина на текста
указва се с "font-size:", следвано от размера в пиксели (px), em, проценти(%) или някой от другите валидни начини за задаване на размер:
<p style="font-size:24px">Това е текст с големина на шрифта 24 пиксела</p>ще изведе на екрана:
Това е текст с големина на шрифта 24 пиксела
Малки и големи букви
Използвайки таг text-transform: можете да укажете дали текста да се извежда с малки или големи букви, а трета възможност е всяка дума да започва с главна дума (както е прието в писането на заглавия на английски):
· lowercase: ще направи всички букви малки
· uppercase: ще направи всички букви големи
· capitalize: ще направи началната буква на всяка дума главна
Ето и един пример:
<h3 style="text-transform:capitalize">едно сензационно заглавие!</h3>
ще бъде показано като:
едно сензационно заглавие!
Шрифт на текст:
Шрифт се задава с "font-family:", следвано от името на шрифта. Например:
<p style="font-family:courier new"> това ще укаже за шрифт на параграфа да се използва Courier New</p>:
това ще укаже за шрифт на параграфа да се използва Courier New.
Източник :
https://www.parvisait.com/