Научете как да използвате CSS за промяна на атрибутите на шрифта
Шрифтове и CSS
CSS е най-ефективният начин за коригиране на шрифтовете на вашата уеб страница. Можете да контролирате семейството шрифтове , размера, цвета, теглото и много други аспекти на типографията.
Характеристиките на шрифтовете в CSS са един от най-честите начини да направите страницата по-различна и уникална. Лесно е да промените цвета, размера и дори лицето (самия шрифт) на текста си с CSS шрифтове .
- цвят
- шрифтово семейство
- размер на шрифта
Има три части към шрифта:
- цвят
- Това е цветът, който шрифтът ще се покаже като на екрана.
- размер
- Това е колко голям или малък ще бъде отпечатан върху екрана.
- лице
- Това е семейството от шрифтове, което често се нарича реално шрифт.
Цветове на шрифта
За да промените цвета на текста, просто използвайте CSS цветовия стил. Можете да използвате имена на цветове или шестнадесетични кодове. Както при всички цветове в мрежата, най-добре е да използвате цветове, които са безопасни за браузъра .
Изпробвайте следните стилове в уеб страниците си:
този шрифт е оцветен в червено
този шрифт е оцветен в синьо
Размери на шрифта
Когато зададете размера на шрифта в мрежата, можете да го зададете в относителни размери или да бъдете много специфични, като използвате пиксели, сантиметри или инчове. Въпреки това, по-точните размери на шрифтовете трябва да се използват за печат, а не за уеб страници, където всеки, който вижда уебсайта Ви, може да има различна разделителна способност, размер на монитора или стандартна настройка на шрифта. По този начин, ако изберете стандартен размер 15px, може да бъдете неприятно изненадани да видите колко голям или малък ви е даден шрифт на вашите клиенти.
Препоръчвам ви да използвате ems за размера на шрифта . Ems позволява на вашата страница да остане достъпна без значение кой я гледа и ems е предназначен за екранно изобразяване. Оставете вашите пиксели и точки за отпечатване. За да промените размера на шрифта, поставете следния стил в уеб страницата си:
този шрифт е 1em
този шрифт е .75em
този шрифт е 1.25
Font Faces
Лицето на вашия шрифт е това, което много хора мислят, когато мислят "шрифт". Можете да декларирате всяко лице на шрифта, което бихте искали, но не забравяйте, че ако вашият читател няма този шрифт инсталиран, браузърът ще се опита да намери мач за него и тяхната страница няма да изглежда така, както сте възнамерявали.
За да разрешите проблема, можете да зададете списък с имена на лица, разделени със запетаи, за да може браузърът да се използва по реда на предпочитанията. Те се наричат шрифтове. Имайте предвид, че стандартният шрифт на компютър (например Arial) може да не е стандартен за Macintosh. Така че винаги трябва да преглеждате страниците си с минимално инсталирана машина (и за предпочитане и на двете платформи), за да сте сигурни, че вашата страница изглежда така, както е проектирана дори с минимални шрифтове.
Един от любимите ми стакове за шрифтове е Този набор е sans-serif шрифт и докато genva и arial не изглеждат ужасно подобни, те са доста стандартни за Macintosh и Windows компютри. Включвам Helvetica и helv за клиенти на други операционни системи като Unix или Linux, които може да нямат здрава библиотека с шрифтове.
този шрифт е sans-serif
този шрифт е серифен