Использование @ font-face с Tumblr

Я хотел бы использовать собственный шрифт, приобретенный в шрифтовой мастерской на моем Tumblr. На литейной фабрике используется метод @ font-face. Я загрузил файлы (.eot, .svg, .ttf и .woff) на свой сервер, связал таблицу стилей и добавил нужные атрибуты в свой css. Я включил горячую ссылку на свой адрес в Tumblr со своего сервера. Но и это не сработало. Другой пользователь здесь предложил загрузить файлы напрямую в Tumblr, но я продолжал получать эту ошибку в консоли:

(индекс): 1 Шрифт из источника "http://static.tumblr.com" заблокирован для загрузки Политика совместного использования ресурсов между источниками: в запрошенном ресурсе отсутствует заголовок Access-Control-Allow-Origin. Поэтому доступ к источнику 'http://mysite.tumblr.com' запрещен.

Я не знаю, как изменить настройки Cross Origin на моем сервере, и это не мой личный, поэтому я не вправе вносить такие изменения.

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

Спасибо.


fonts tumblr
person drchae    schedule 07.01.2015    source источник
comment
Добро пожаловать в Stack Overflow! Этот сайт в основном предназначен для вопросов по программированию. Не стесняйтесь ознакомиться с обзором сайта в разделе «Справка -› тур по сайту », чтобы узнать об этом сайте и получить свой первый значок!   -  person Jonathan    schedule 07.01.2015
comment
Не совсем дубликат, но вам нужно base64 шрифт: stackoverflow.com/questions/13921876/   -  person mikedidthis    schedule 08.01.2015
comment
См. Полный ответ Nutty Themes об этой проблеме и возможных решениях   -  person Ally    schedule 09.01.2015

Ответы (1)


arrow_upward
0
arrow_downward

Используйте ссылку rel, чтобы добавить таблицу стилей.

Then upload your fonts to a host where you can add a .htaccess to allow fonts to be used crossed origin.

.htaccess:

      <FilesMatch "\.(ttf|ttc|otf|eot|woff|svg)$">
      <IfModule mod_headers.c>
          Header set Access-Control-Allow-Origin "*"
      </IfModule>
  </FilesMatch>
AddType application/vnd.ms-fontobject .eot
  AddType application/octet-stream .otf .ttf

Объясняется здесь: http://blog.jiffle.net/post/31490944631/font-face-with-tumblr

Таким образом я настроил свой тамблер с пользовательскими шрифтами.

person littlequest    schedule 10.11.2015