Встраивание шрифтов Unicode

Question

Я сделал генератор схемы вышивки крестом, который здесь работает: http://xstitch.zachrattner.com/

Некоторые люди, которые его используют, говорят, что после создания шаблона они не могут видеть символы Unicode, отображаемые в шаблоне. Вот CSS, который я использую в примере исправления для проверки встроенного шрифта:

@font-face
{
    font-family: FreeSerif;
    src: url(Fonts/FreeSerif.ttf) format("truetype");
}

*
{
    font-family: FreeSerif;
    font-size: 24px;
}

Википедия перечисляет блоки Unicode, которые реализует FreeSerif. Однако, если вы посмотрите на мою примерную страницу , некоторые символы не будут отображаться.

Есть идеи? Заранее спасибо.

Answer 1

На страницах теперь указывается

• { семейство шрифтов: Helvetica, Verdana, Tahoma, Arial, без засечек; }

, и это не отменяется для большой таблицы, содержащей рисунок строчки. Вполне возможно, что Helvetica существует в разных версиях, с различным охватом персонажей; Специалисты Mac могут знать об этом. Но в большинстве компьютеров мира нет шрифта под этим именем. На таких компьютерах браузеры будут использовать один из других шрифтов, не отображая многие символы, например, например. Verdana не содержит их или (что более полезно и в соответствии со спецификациями CSS) сканирует список шрифтов, пока не найдет тот, который содержит отображаемый символ и, в конечном итоге, возвращается к некоторому системно-зависимому шрифту.

Для лучшей предсказуемости и надежности вы можете использовать

тд { семейство шрифтов: "Arial Unicode MS", "Lucida Sans Unicode", "DejaVu Sans", "Quivira", "Symbola", "Code2000",; }

Cf. для шрифта покрытия информации: http://www.fileformat.info/info/unicode/char/25ec/fontsupport.htm Но вам действительно нужно проверить, что каждый из перечисленных вами шрифтов содержит все символы, которые вы используете в таблице.

Другие варианты: 1) Используйте вложение шрифта (font @face) для подходящего шрифта, для которого разрешено встраивание - но это, вероятно, потребует значительных накладных расходов, поскольку любой шрифт, содержащий все эти символы, вероятно, большой, 2) Используйте маленькие изображения вместо специальных символов.

Answer 2

Просто используйте приоритеты шрифта CSS.

Информация: http://htmlhelp.com/reference/css/font/font-family.html

Также установлено:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />