Основные шрифты используемые в Web-дизайне

web design

Наиболее популярные шрифты, используемые при разработке дизайна сайтов.

Verdana 
Наиболее популярные шрифты, используемые при разработке дизайна сайтов. Как носитель информации шрифты определяют комфортность чтения материалов сайта и усталость пользователя. wap сайт, wap сайты, web, web design, web дизайн, web сайт, web студия, веб, веб дизайн, веб дизайна, веб разработка, веб сайт, веб сайты, веб страниц, веб студия, дизайн сайта, дизайн сайтов, интернет сайт, интернет услуги, лучший сайт, портфолио, продвижение веб, продвижение сайтов, разработка, разработка баннеров, разработка дизайна, разработка сайта, разработка сайтов, сайт, сайт дизайн, сайт разработка, сайта, сайтов, сайты, создание сайта, создание сайтов, услуги, услуги дизайнера, Создание Web-сайтов, разработка WEB страниц, бухгалтерское сопровождение, бухучет.

Arial 
Наиболее популярные шрифты, используемые при разработке дизайна сайтов. Как носитель информации шрифты определяют комфортность чтения материалов сайта и усталость пользователя. wap сайт, wap сайты, web, web design, web дизайн, web сайт, web студия, веб, веб дизайн, веб дизайна, веб разработка, веб сайт, веб сайты, веб страниц, веб студия, дизайн сайта, дизайн сайтов, интернет сайт, интернет услуги, лучший сайт, портфолио, продвижение веб, продвижение сайтов, разработка, разработка баннеров, разработка дизайна, разработка сайта, разработка сайтов, сайт, сайт дизайн, сайт разработка, сайта, сайтов, сайты, создание сайта, создание сайтов, услуги, услуги дизайнера, Создание Web-сайтов, разработка WEB страниц, бухгалтерское сопровождение, бухучет.

Courier 
Наиболее популярные шрифты, используемые при разработке дизайна сайтов. Как носитель информации шрифты определяют комфортность чтения материалов сайта и усталость пользователя. wap сайт, wap сайты, web, web design, web дизайн, web сайт, web студия, веб, веб дизайн, веб дизайна, веб разработка, веб сайт, веб сайты, веб страниц, веб студия, дизайн сайта, дизайн сайтов, интернет сайт, интернет услуги, лучший сайт, портфолио, продвижение веб, продвижение сайтов, разработка, разработка баннеров, разработка дизайна, разработка сайта, разработка сайтов, сайт, сайт дизайн, сайт разработка, сайта, сайтов, сайты, создание сайта, создание сайтов, услуги, услуги дизайнера, Создание Web-сайтов, разработка WEB страниц, бухгалтерское сопровождение, бухучет.

Tahoma 
Наиболее популярные шрифты, используемые при разработке дизайна сайтов. Как носитель информации шрифты определяют комфортность чтения материалов сайта и усталость пользователя. wap сайт, wap сайты, web, web design, web дизайн, web сайт, web студия, веб, веб дизайн, веб дизайна, веб разработка, веб сайт, веб сайты, веб страниц, веб студия, дизайн сайта, дизайн сайтов, интернет сайт, интернет услуги, лучший сайт, портфолио, продвижение веб, продвижение сайтов, разработка, разработка баннеров, разработка дизайна, разработка сайта, разработка сайтов, сайт, сайт дизайн, сайт разработка, сайта, сайтов, сайты, создание сайта, создание сайтов, услуги, услуги дизайнера, Создание Web-сайтов, разработка WEB страниц, бухгалтерское сопровождение, бухучет.

Georgia 
Наиболее популярные шрифты, используемые при разработке дизайна сайтов. Как носитель информации шрифты определяют комфортность чтения материалов сайта и усталость пользователя. wap сайт, wap сайты, web, web design, web дизайн, web сайт, web студия, веб, веб дизайн, веб дизайна, веб разработка, веб сайт, веб сайты, веб страниц, веб студия, дизайн сайта, дизайн сайтов, интернет сайт, интернет услуги, лучший сайт, портфолио, продвижение веб, продвижение сайтов, разработка, разработка баннеров, разработка дизайна, разработка сайта, разработка сайтов, сайт, сайт дизайн, сайт разработка, сайта, сайтов, сайты, создание сайта, создание сайтов, услуги, услуги дизайнера, Создание Web-сайтов, разработка WEB страниц, бухгалтерское сопровождение, бухучет.

Trebuchet MS 
Наиболее популярные шрифты, используемые при разработке дизайна сайтов. Как носитель информации шрифты определяют комфортность чтения материалов сайта и усталость пользователя. wap сайт, wap сайты, web, web design, web дизайн, web сайт, web студия, веб, веб дизайн, веб дизайна, веб разработка, веб сайт, веб сайты, веб страниц, веб студия, дизайн сайта, дизайн сайтов, интернет сайт, интернет услуги, лучший сайт, портфолио, продвижение веб, продвижение сайтов, разработка, разработка баннеров, разработка дизайна, разработка сайта, разработка сайтов, сайт, сайт дизайн, сайт разработка, сайта, сайтов, сайты, создание сайта, создание сайтов, услуги, услуги дизайнера, Создание Web-сайтов, разработка WEB страниц, бухгалтерское сопровождение, бухучет.

Helvetica 
Наиболее популярные шрифты, используемые при разработке дизайна сайтов. Как носитель информации шрифты определяют комфортность чтения материалов сайта и усталость пользователя.wap сайт, wap сайты, web, web design, web дизайн, web сайт, web студия, веб, веб дизайн, веб дизайна, веб разработка, веб сайт, веб сайты, веб страниц, веб студия, дизайн сайта, дизайн сайтов, интернет сайт, интернет услуги, лучший сайт, портфолио, продвижение веб, продвижение сайтов, разработка, разработка баннеров, разработка дизайна, разработка сайта, разработка сайтов, сайт, сайт дизайн, сайт разработка, сайта, сайтов, сайты, создание сайта, создание сайтов, услуги, услуги дизайнера, Создание Web-сайтов, разработка WEB страниц, бухгалтерское сопровождение, бухучет.

Выбор шрифтов здесь имеет особое значение, и на этом вопросе остановимся подробнее.

'sans-serif': обычный шрифт без засечек

Arial, sans-serif

Helvetica, sans-serif

Gill Sans, sans-serif

Lucida, sans-serif

Helvetica Narrow, sans-serif

sans-serif

font-family: Arial, Helvetica Narrow, Gill Sans, Lucida, Helvetica Narrow sans-serif;

'serif': обычный шрифт с засечками

Times, serif

Times New Roman, serif

Palatino, serif

Bookman, serif

New Century Schoolbook, serif

serif

font-family: Times, Times New Roman, Palatino, Bookman, New Century Schoolbook serif;

'monospace': шрифт фиксированной ширины

Andale Mono, monospace

Courier New, monospace

Courier, monospace

Lucidatypewriter, monospace

Fixed, monospace

monospace

font-family: Andale Mono, Courier New, Courier, Lucidatypewriter, Fixed monospace;

'cursive': шрифт, имитирующий почерк

Comic Sans, Comic Sans MS, cursive

Zapf Chancery, cursive

Coronetscript, cursive

Florence, cursive

Parkavenue, cursive

cursive

font-family: Comic Sans, Comic Sans MS, Zapf Chancery, Coronetscript, Florence, Parkavenue cursive;

'fantasy': декоративный шрифт, для заглавий и т.д.

Impact, fantasy

Arnoldboecklin, fantasy

Oldtown, fantasy

Blippo, fantasy

Brushstroke, fantasy

fantasy

font-family: Impact, Arnoldboecklin, Oldtown, Blippo, Blippo, Brushstroke cursive;

Многие шрифты имеют различную систему в пределах одной группы, обычно жирный и итальянский, часто также жирный итальянский стиль, менее часто прописные буквы и в нескольких случаях экстра-светлые/экстра-жирные или растянутые/сжатые версии.

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

правило	serif	sans-serif
Стили
`font-style: normal`	The Quick…	The Quick…
`font-style: italic`	The Quick…	The Quick…
`font-style: oblique`	The Quick…	The Quick…
Вес
`font-weight: 100`	The Quick…	The Quick…
`font-weight: 200`	The Quick…	The Quick…
`font-weight: 300`	The Quick…	The Quick…
`font-weight: normal`	The Quick…	The Quick…
`font-weight: 500`	The Quick…	The Quick…
`font-weight: 600`	The Quick…	The Quick…
`font-weight: bold`	The Quick…	The Quick…
`font-weight: 800`	The Quick…	The Quick…
`font-weight: 900`	The Quick…	The Quick…
Варианты
`font-variant: normal`	The Quick…	The Quick…
`font-variant: small-caps`	The Quick…	The Quick…
Растяжимость
`font-stretch: ultra-condensed`	The Quick…	The Quick…
`font-stretch: extra-condensed`	The Quick…	The Quick…
`font-stretch: condensed`	The Quick…	The Quick…
`font-stretch: semi-condensed`	The Quick…	The Quick…
`font-stretch: normal`	The Quick…	The Quick…
`font-stretch: semi-expanded`	The Quick…	The Quick…
`font-stretch: expanded`	The Quick…	The Quick…
`font-stretch: extra-expanded`	The Quick…	The Quick…
`font-stretch: ultra-expanded`	The Quick…	The Quick…