CSS типография

CSS и HTML » CSS

Stalik   трудност:    видян: 5049

Създаване на четим текст

Макар че повечето тънки номера, които споменахме дотук, с страхотни, има още неща, които трябва да имаме предвид, когато пишем онлайн. Не бива да забравяме, че пред монитора хората по-често преглеждат, не четат, което означава, че разумната употреба на заглавия, получер текст, курсив и списъци с водещи символи (bullets) могат много да улеснят читателите ви в по-бързото възприемане на информацията, която им поднасяте. Ключовата дума тук е "разумна". В никакъв случай не се увличайте в подчертаването на части от текста; маркирайте само най-важните неща.

Заглавията са ваши първи приятели. Те не само помагат за по-смилаемо раздробяване на информацията и групирането й на порции, но помагат да украсите оформлението си. Тествайте различни заглавия - с различни цветове, с получер, с курсив, с по-малко пространство между буквите и др. подобни.

Външни препратки

Остана да приложите нещата на практика. В обширното уеб пространство има премного подходящи примери, а тук маркирахме само някои основни неща, които са наистина полезни и важни. Показахме, как вниманието към детайла създава не само нещо красиво, но и по-функционално.

• Kottke.org – Сайта на Джейсън винаги е бил пример за много четим уеб продукт. Тук има доста текст и междуредовото пространство, оставящо буквите да дишат, е наистина от голяма полза.
• Rob Weychert – Роб страхотно съчетава различни шрифтове и чист CSS, за да придаде интересен и разнообразен вид на нещата.
• Subtraction – С вниманието си към детайла, размерите на шрифтовете и междуредовите разстояния Кхой доказва, че е възможно да използвате Arial, най-широко разпространеният шрифт в уеб, за да създадете нещо красиво.
• A List Apart – Типографските решения на Джейсън са страхотни. Той използва курсив и главни букви, за да придаде на текста разнообразие и смел типографски почерк, като при това лежи почти изцяло на CSS.
• Reading Online Text: A Comparison of Four White Space Layouts – Изследване за използването на... бялото пространство и четимостта на текста.
• Текст и шрифт в уеб дизайна: основни грешки
  

Следващите линкове дават допълнителна информация за шрифтовете по подразбиране в Windows и Mac:

Mac

• Mac OS X fonts
• Mac OS 9 fonts
• Microsoft IE core fonts

Windows

• Win dows 98 fonts
• Windows XP fonts
• Six new Windows fonts in 2006

Обобщение

Следващият път, когато седнете да правите нов дизайн, отделете специално време и внимание на настройване на CSS-а за постигане на по-голямо типографско съвършенство. Експериментирайте. Преди да преминете към по-сложни методи, като sIFR или заместване на изображения, уверете се, че сте разбрали добре CSS опциите.

Сайтът ви ще бъде по-гъвкав, по-достъпен и лесен за поддръжка в дългосрочен план, а потребителите ви ще ви обичат - или поне ще оценят вниманието ви към детайла.

Автор: Гарет Даймън за Digital Web Magazine

Страници: «1 2 3