Это эссе находится в стадии разработки. Он содержит советы или мнения одного или нескольких авторов Википедии. Эссе могут отражать широко распространенные нормы или точки зрения меньшинства. Рассматривайте эти представления с осторожностью, тем более что эта страница все еще находится в стадии разработки. |
Типографика , то есть использование шрифтов в Википедии, часто может быть источником жарких споров. Это связано с тем, что Википедия никогда не устанавливала явный шрифт в своей обложке по умолчанию. Это было верно для Monobook и до сих пор остается в силе для Vector. Базовый шрифт для этих обложек просто определяется как font-family: sans-serif
. Точно так же размер шрифтов также является предметом споров. Вектор использует определение font-size: 0.875em;
, которое соответствует 87,5% размера шрифта по умолчанию, установленного в браузере пользователя. В Windows шрифты по умолчанию в браузерах обычно определяются как Arial с размером 16 пикселей для шрифта без засечек, Times New Roman с размером 16 пикселей для шрифта с засечками и Courier New с размером 13 пикселей для моноширинного шрифта. 0,875 × 16 в точности равно 14 пикселям. Однако все показанные здесь шрифты имеют размер 16 пикселей, установленный в браузере по умолчанию.
Ниже приведены некоторые личные статьи о веб-типографике и ее потенциальном использовании в Википедии. Он ориентирован на шрифты, которые устанавливаются по умолчанию, поскольку они обеспечивают стабильную установленную базу. Он также сильно ориентирован на Windows. Информация, касающаяся других платформ, очень приветствуется.
Как использовать другие шрифты в статье [ править ]
Вот теги, которые можно использовать, если вы хотите изменить шрифт в тексте статьи. Обратите внимание, что шрифты с одинаковой высотой кепки не всегда совпадают по высоте по оси x , поэтому их сложно смешивать в строке без масштабирования. Comic Sans MS , Georgia , Trebuchet MS и Verdana , основанные на Arial в качестве базового шрифта, безопасны для встроенного шрифта . Times New Roman является не безопасно использовать встроенный без масштабирования. Хотя Courier New имеет меньшую высоту, он остается разборчивым и де-факто является моноширинным шрифтом. (Arial Black и Impact не указаны, поскольку это шрифты заголовков.)
- Вот примеры кода, который можно использовать для различных шрифтов.
- Безопасно для использования inline (подробности см. Выше):
- <span style = "font-family: Arial;"> Arial </span>; базовый шрифт,
- <span style = "font-family: 'Comic Sans MS';"> Comic Sans MS </span>,
- <span style = "font-family: Georgia;"> Джорджия </span>,
- <span style = "font-family: 'Trebuchet MS';"> Trebuchet MS </span>
- * <span style = "font-family: Verdana;"> Вердана </span>
- Небезопасно использовать inline (подробности см. Выше):
- <span style = "font-family: 'Times New Roman';"> Times New Roman </span>
- <span style = "font-family: 'Courier New';"> Courier New </span>
- Ниже показано, как приведенные выше коды шрифтов будут выглядеть при фактическом использовании.
- Безопасно для использования inline (подробности см. Выше):
- Arial ; базовый шрифт,
- Comic Sans MS ,
- Грузия ,
- Требушет MS
- Verdana безопасны для встроенного использования.
- Небезопасно использовать inline (подробности см. Выше):
- Times New Roman
- Новый Курьер
Названия старых шрифтов [ править ]
Ранние веб-браузеры использовали три шрифта: Helvetica , Times и Courier . По мере разработки новых форматов файлов для шрифтов эти общедоступные имена шрифтов были заменены аналогичными именами, авторские права на которые принадлежат дизайнерам, и теперь фактически являются общими именами для шрифтов без засечек , с засечками и шрифтов с одинарным интервалом , соответственно.
Шрифт | Образец | Варианты |
---|---|---|
Helvetica | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Раз | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Курьер | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Доступные шрифты [ править ]
Основные шрифты для Интернета [ править ]
Шрифт | Образец | Варианты |
---|---|---|
Arial | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Times New Roman | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Новый Курьер | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Comic Sans MS | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, жирный |
Грузия | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Требушет MS | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Вердана | Быстрая коричневая лиса прыгает через ленивую собаку. | Обычный, полужирный , курсив , полужирный курсив |
Доступность [ править ]
В Основных шрифтах для Web имеет установленную базу 99% по сравнению с Windows , [1] ( за исключением Andale Mono) и 92-98% на Mac OS X платформах, [2] , как они теперь являются частью стандартной установки. Несмотря на необходимость установки этих шрифтов отдельно, их количество по-прежнему составляет 65% среди установок Linux. [3]
Изначально являясь частью основных веб-шрифтов, Andalé Mono не устанавливается вместе с Windows (был заменен консолью Lucida), в результате только 4% установок Windows имеют шрифт, по сравнению с 92% в Mac OS X. Раньше это было поставлялся с Internet Explorer до версии 6 и устанавливался только с Windows 98. Поскольку шрифты все еще доступны в Интернете, их установленная база в Linux составляет 70%. Поскольку она похожа на Lucida Console и совместима с ней по метрикам, рекомендуется всегда комбинировать Lucida Console и Andalé Mono в стеке шрифтов.
Размер [ править ]
- Примечание. Этот раздел верен для 13 пикселей, но после обновления типографики большинство шрифтов больше не соответствуют 14 пикселям.
Шрифты с одинаковой высотой кепки не всегда совпадают по высоте по оси x , поэтому их сложно смешивать в строке без масштабирования. Comic Sans MS , Georgia , Trebuchet MS и Verdana , основанные на Arial в качестве базового шрифта, безопасны для встроенного шрифта . Times New Roman является не безопасно использовать встроенный без масштабирования. Хотя Courier New имеет меньшую высоту, он остается разборчивым и де-факто является моноширинным шрифтом. (Arial Black и Impact не указаны, поскольку это шрифты заголовков.)
Общие шрифты Windows [ править ]
Шрифт | С | Образец | Варианты |
---|---|---|---|
Тахома | Windows 98 | Быстрая коричневая лиса прыгает через ленивую собаку. | Regular, Bold |
Lucida Sans Unicode | Windows 98 | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular |
Lucida Console | Windows 98 | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular |
Microsoft Sans Serif | Windows 2000 | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular |
Palatino Linotype | Windows 2000 | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Franklin Gothic Medium | Windows XP | The Quick Brown Fox Jumps Over The Lazy Dog. | Medium, Medium Italic |
Segoe UI | Windows Vista | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Calibri | Windows Vista | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Cambria | Windows Vista | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Candara | Windows Vista | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Consolas | Windows Vista | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Constantia | Windows Vista | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Corbel | Windows Vista | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
All but Palatino Linotype and Segoe UI have one major drawback: they all come without bold and/or italic variants. The "new" Windows ClearType font family introduced in Windows Vista has consistent font metrics, but these do not match with the core web fonts listed above, so they need to be scaled when mixed.
Common Linux fonts[edit]
Font | Sample | Variants |
---|---|---|
Nimbus Sans L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Nimbus Roman No9 L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Nimbus Mono L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Century Schoolbook L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
URW Gothic L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
URW Bookman L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
URW Palladio L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
DejaVu Sans | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
DejaVu Serif | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
DejaVu Sans Mono | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Liberation Sans | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Liberation Serif | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Liberation Mono | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
FreeSans | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
FreeSerif | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
FreeMono | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Monospace fonts[edit]
When displaying code, a monospace font helps keep code readable and maintain formatting consistent, but there are caveats. Below are some common monospace fonts.
Courier New | The Quick Brown Fox Jumps Over The Lazy Dog. The Quick Brown Fox Jumps Over The Lazy Dog. |
Consolas | The Quick Brown Fox Jumps Over The Lazy Dog. The Quick Brown Fox Jumps Over The Lazy Dog. |
Lucida Console | The Quick Brown Fox Jumps Over The Lazy Dog. The Quick Brown Fox Jumps Over The Lazy Dog. |
Not all monospace fonts come with a bold weight variant, causing bold text to mis-align with the rest of the text. Andalé Mono and Lucida Console suffer badly from this. That leaves Courier New and Consolas as the only safe choices when bold and italic highlighting is used. It is best to let the browser decide which monospace font to use.
The monospace "bug"[edit]
When viewing monospace text here on Wikipedia, an often heard complaint is that it is shown too small (except in IE, where you cannot set any font sizes; it appears to use 13px regardless of the web page's base font size). This is actually not a bug, but a result of the combination of a website's default font size and the browser's default font size for monospace. By default, a (Windows) browser has its default font sizes set at 16px for serif and sans-serif, and 13px for monospace.
Vector has a base font size of 0.875em, and most browsers—except Firefox—correctly scale down all fonts, including the monospace font, accordingly. So monospace is shown at 0.875 x 13px = 11px (which is perceived as "too small"). Compensating the font-size will render the font too big in Firefox. The solution is to assign any font besides just "monospace", for example font-family: monospace, monospace;
or font-family: monospace, Courier;
. The browsers will ignore the second value. But it will no longer use the configured "monospace" font size and instead use the same size as sans-serif.
See also[edit]
- Wikipedia:Rendering math
References[edit]
- ^ "Windows font survey results". Code Style. Archived from the original on 2013-04-25. CS1 maint: discouraged parameter (link)
- ^ "Mac font survey results". Code Style. Archived from the original on 2012-02-10. CS1 maint: discouraged parameter (link)
- ^ "Linux font survey results". Code Style. Archived from the original on 2012-03-15. CS1 maint: discouraged parameter (link)
External links[edit]
- Aspect values, x-widths for fonts – for use with
font-size-adjust
, a CSS3 property for scaling fonts. - Compute the ‘normal line-height’ and the ‘aspect value’ of the installed fonts