LINUX.ORG.RU

Как загрузить шрифт в Firefox при помощи css ?

 


0

1

Пытаюсь загрузить так:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
   @font-face {
    font-family: font1;
    src: url('./font1.ttf');
   }
   h1 {
    font-family: font1;
   }
  </style>
</head>
<body>
<h1>&#xDEA0;&#xDEA1;</h1>
</body>
</html>
ничего не выходит - отображаются ромбики вместо символов из шрифта... (глифы в шрифте имеют коды как написано - xDEA0 и xDEA1)

Пробовал смотреть Tools->Web Developer->WebConsole - ничего такого особенного не видно. Просто в консоли (из которой запущен FF) - тоже ничего нет.

UPD1:
Если заменить имя шрифта на неправильное (fonyt1.ttf), то в web-консоли выдаётся ошибка:

downloadable font: download failed (font-family: "font1" style:normal weight:normal stretch:normal src index:0): status=2147500037
source: file:///home/StrongDollar/Public/fonyt1.ttf

UPD2:
Если заменить коды символов на &#xD0; и &#xD1;, то в броузере отображаются ÐÑ, вместо моих символов.

UPD3: нашел ещё две фичи:
1) By default, Firefox will only accept relative links. Firefox (which supports @font-face from v3.5) does not allow cross-domain fonts by default. This means the font must be served up from the same domain (and sub-domain) unless you can add an “Access-Control-Allow-Origin” header to the font.
2) Turns out there is a hidden preference in Firefox that needs to be checked in order for Firefox to display custom fonts on a web page.
Firefox Preferences > Content > Fonts & colors > Advanced button > and check the box «Allow pages to use their own fonts, instead of my selections above»

однако, у меня галочка эта стоит, а файл лежит в той же директории, то есть локально, то есть никаких cross-domain...

UPD4:
Параметр «security.fileuri.strict_origin_policy» True (по умолчанию) в конфигурации настройки указывает что: Локальные документы имеют доступ к другим локальным документы в том же каталоге и в подкаталогах, но не в верхних разделах. (По умолчанию)
Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default)
При отключенном параметре «security.fileuri.strict_origin_policy» (False): Локальные документы имеют доступ к другим локальным документы в том же каталоге и в подкаталогах, и в верхних разделах.
Local documents have access to all other local documents, including directory listings.

У меня каталог тот же, а не выше/ниже, так что должно работать без перенастроек...

UPD5:
если я пишу src: url('font1.svg#font1') format('svg');
то выдается ошибка:

downloadable font: no supported format found (font-family: "font1" style:normal weight:normal stretch:normal src index:1)

про поддержку svg в FF:
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_fonts



Последнее исправление: StrongDollar (всего исправлений: 6)

Смахивает на битый ttf, с виду правила корректные. А svg и не должен в лисе работать. Если FF очень старый, то он только woff поддерживал.

Скачайте с фонтеллы фонт с демкой и меняйте по частям, пока не развалится.

Vit ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.