Шрифты в Интернете

CSS2 предлагает:

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

Note that a responsible web developer does not use fonts that are only available on Windows (and especially ones that are only available on Vista), nor do they use a technology that isn't supported by at least the majority of browsers.

Что ж ... Можно, если вы знаете, как он будет отображаться в операционных системах, отличных от Vista / Windows.

В противном случае: да, @ font-face в CSS2 - лучшая стандартная альтернатива, даже если она широко не поддерживается.

Safari и, в меньшей степени, Firefox 3 поддерживают @font-face в CSS, что позволяет использовать пользовательские шрифты. Однако для распространения файлов шрифтов у вас должна быть соответствующая лицензия. Эти статьи объясняют это более подробно:

• http://www.css3.info/preview/web-fonts-with-font-face/
• http://www.alistapart.com/articles/cssatten
• http://www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/

Note that a responsible web developer does not use fonts that are only available on Windows (and especially ones that are only available on Vista), nor do they use a technology that isn't supported by at least the majority of browsers.

Нет ничего плохого или неправильного в использовании шрифтов, специфичных для Windows / Vista, при условии, что вы аккуратно перейдете на широко доступный шрифт. Например:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

Собственно в том-то и дело!

Конечно, вы можете использовать SIFR.

Это изящно ухудшается в браузерах, которые его не поддерживают и которые доступны.

Он не совсем подходит для использования с большим количеством текста, но для заголовков и выделения текста он идеален.

Конечно, в настоящее время это обход внутреннего ограничения браузеров и Интернета, но когда это было не так для большинства веб-технологий и методов.

Это своевременная ветка; мы перешли на Arial, потому что Calibri ОЧЕНЬ маленький по сравнению со всеми другими резервными шрифтами! Мне было очень больно переключиться на (кляп) Arial, потому что это дерьмовая копия Helvetica:

http://www.ms-studio.com/articles.html

Трудности с размером (слишком большие, если вы используете шрифт «c» в качестве стандарта; слишком маленькие, если вы используете что-то нормальное), подробно описаны здесь:

http://neosmart.net/blog/2006/css-vistas-new-fonts/

Я буду очень скучать по красивому настраиваемому вручную RGB-алиасингу Calibri, но было просто невозможно обеспечить хороший опыт для большинства пользователей, не требуя установки Calibri. Это довольно распространено, поскольку оно входит в состав Office 2007 (Win / Mac) и, конечно же, Vista ... но далеко не универсально, так что полагаться на него в глобальной сети - это немного безответственно.

IE поддерживает @font-face (изначально это была их проприетарная технология в MS Word). Вот сообщение в блоге команды IE об этом около месяца назад..

Note that a responsible web developer does not use fonts that are only available on Windows (and especially ones that are only available on Vista), nor do they use a technology that isn't supported by at least the majority of browsers.

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

В предложении шрифтов в вашем CSS нет ничего плохого, чего нет у некоторых пользователей; они просто видят нечто отличное от вас. Разное не сломано. Они даже не будут удивляться, почему вы используете шрифты по умолчанию, потому что они не будут знать, что другие люди видят что-то другое.

В этом весь смысл наборов шрифтов:

Verdana, Arial, Helvetica, sans-serif

Это хорошая практика именно потому, что она признает, что люди будут видеть разные вещи.

Это тоже хорошая практика:

Gill Sans, Verdana, Arial, Helvetica, sans-serif

Так что у большинства людей нет Гилла - кого это волнует? В любом случае они получают отличный сайт.

И это тоже было бы хорошо, но немного странно и лениво:

Gill Sans

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

Я полагаю, что любой метод отправки шрифтов с веб-страницей может представлять угрозу безопасности. Я слышал о методах, при которых в случае, если у клиента нет необходимого шрифта, текст может быть динамически заменен изображением или какой-либо отображаемой вспышкой. Единственный такой, который я могу найти сейчас, находится в AListApart, но он уже может быть избыточным. Для работы этого метода также потребуются css, изображения и javascript, и его может быть сложно реализовать в разных браузерах.

Вы можете сделать это с помощью нового Декларация @font-face, доступного в CSS3. Он также имеет очень хорошую поддержку функции CSS3 (т.е. начиная с IE4).

Общий синтаксис:

@font-face {
    src: url('path to your font') format('woff|ttf|svg|eot|…');
    font-family: the name to use;
    font-weight: an optional weight;
    font-style: an optional style;
}

Также существует генератор доступен, который преобразует шрифт в несколько форматов и создает соответствующий CSS.

В настоящее время я бы рекомендовал предоставить только файл WOFF; это удобно, легко создать.

Также не забудьте указать название формата (например, format('woff')); в противном случае он не будет работать в Firefox.