Научете да користите CSS за промена на атрибутите на фонтот
Фонтови и CSS
CSS е најефективниот начин за прилагодување на фонтовите на вашата веб-страница. Можете да ги контролирате семејството на фонтот , големината, бојата, тежината и многу други аспекти на типографијата.
Содржините на фонтот во CSS се еден од најчестите начини да ја направите вашата страница поистациона и уникатна. Лесно е да се променат бојата, големината, па дури и лицето (самиот фонт) на вашиот текст со својства на фонт на CSS .
- боја
- фонт-семејство
- големина на фонтот
Постојат три дела на фонтот:
- боја
- Ова е бојата што ќе се прикаже како на екранот.
- големина
- Ова е колку големи или мали букви ќе се прикажат на екранот.
- лице
- Ова е семејството на фонт, што често се нарекува вистински фонт.
Бои на фонт
За промена на бојата на текстот, едноставно користете го CSS стилот на боја. Можете да ги користите или имињата на боите или хексадецималните кодови. Како и кај сите бои на интернет, најдобро е да користите безбедни бои на прелистувачот .
Обидете се со следните стилови на вашите веб-страници:
овој фонт е обоен црвено
овој фонт е обоен во сина боја
Големини на фонт
Кога ќе ја наместите големината на фонтот на интернет, можете да го поставите во релативни големини или да бидете многу специфични со помош на пиксели, сантиметри или инчи. Сепак, попрецизните големини на фонтови се наменети да се користат за печатење, а не за веб-страници, каде што секој што ја гледа вашата веб-страница може да има друга резолуција, големината на мониторот или стандардното поставување на фонт. Така, ако одберете 15 пиксели како стандардна големина, може да бидете непријатно изненадени да видите колку големи или мали вашиот фонт ги прави вашите клиенти.
Препорачувам да користите ems за големината на фонтот . Ems дозволуваат вашата страница да остане достапна, без оглед на тоа кој го гледа, а ems се наменети за рендерирање на екранот. Оставете ги вашите пиксели и поени за рендерирање на печатење. За да ја промените големината на фонтот, ставете го следниот стил на вашата веб-страница:
овој фонт е 1em
овој фонт е .75em
овој фонт е 1.25em
Лицето на фонтот
Лицето на вашиот фонт е она што го мислат многу луѓе кога мислат "фонт". Можете да прогласите било кое лице на лицето што сакате, но запомнете, ако вашиот читач нема инсталиран фонт, нивниот прелистувач ќе се обиде да пронајде совпаѓање за тоа, и нивната страница нема да изгледа како што сте имале.
За решавање на овој проблем можете да наведете листа на имиња на ликови, одделени со запирки, за прелистувачот да се користи по редослед. Тие се нарекуваат фонтови. Имајте на ум дека стандардниот фонт на компјутер (како што е Arial) можеби не е стандарден на Macintosh. Затоа, секогаш треба да ги гледате вашите страници со минимално инсталирана машина (и по можност на двете платформи) за да бидете сигурни дека вашата страница изгледа дизајнирана дури и со минимални фонтови.
Еден од моите омилени фонтови е Овој комплет е колекција на фонтови sans-serif и додека geneva и arial не изгледаат многу слично, тие се и прилично стандардни на Macintosh и Windows компјутерите. Вклучувам helvetica и helv за клиенти на други оперативни системи, како што се Unix или Linux, кои можеби немаат цврста библиотека за фонтови.
овој фонт е sans-serif
овој фонт е сериф