Форум Сайтостроение Веб-строительство

Как внедрить шрифт на IE?

M2
На сайте с 11.01.2011
Offline
341
mark2011
693

Вот такую конструкцию IE не хочет глотать: 


@font-face {

    font-family:"font-name";

    src:url("../fonts/font-name.eot") format("eot");

    src:url("../fonts/font-name.eot?#iefix") format("embedded-opentype"),

        url("../fonts/font-name.woff") format("woff"),

        url("../fonts/font-name.ttf") format("truetype"),

        url("../fonts/font-name.svg#PTSans-Regular") format("svg");

    font-weight:normal;

    font-style:normal;

}

Как по-другому сделать можно?

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
vpupkin97
На сайте с 27.09.2012
Offline
26
vpupkin97
#1

Надо чтобы шрифт отдавал корректный HTTP заголовок Access-Control-Allow-Origin.

Для IE шрифт обычно грузится через php скрипт.

Либо через настройки Apache (если есть mod_headers):

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "http://mydomain.com"
    </IfModule>
</FilesMatch>

Для других веб-серверов тоже можно прописать свои конфиги...

Кроссдоменный GET-запрос без использования Путь на хостинге к zTDS - бесплатная ТДС
M2
На сайте с 11.01.2011
Offline
341
mark2011
#2
vpupkin97:
Для IE шрифт обычно грузится через php скрипт.

Это как? Первый раз слышу о таком способе загрузки.

---------- Добавлено 16.03.2013 в 08:51 ----------

Не получилось. Включил в денвере mod_headers, прописал это в .htaccess, перезапустил денвер, но IE по прежнему шрифты не отображает.

vpupkin97
На сайте с 27.09.2012
Offline
26
vpupkin97
#3
mark2011:
Это как? Первый раз слышу о таком способе загрузки.

---------- Добавлено 16.03.2013 в 08:51 ----------

Не получилось. Включил в денвере mod_headers, прописал это в .htaccess, перезапустил денвер, но IE по прежнему шрифты не отображает.

1. Проверьте заголовки и посмотрите, задан ли Access-Control-Allow-Origin для файла шрифта.

2. Проверьте валидность EOT файла.

Вот примерчик наваял: ссылка

Файл STEINEM_.php: 

<?php

	header('Content-type: font/opentype');

	header('Access-Control-Allow-Origin: http://konservs.com/');

	readfile('STEINEM_.eot');

?>

Фонт-фейс: 

@font-face {

	font-family: 'SteinemRoman';

	src: url('STEINEM_.php');

	src: local('Steinem Roman'), local('Steinem'), 

		url('STEINEM_.woff') format('woff'), 

		url('STEINEM_.ttf') format('truetype'), 

		url('STEINEM_.svg#Steinem') format('svg');

}

Скриншот с IE5:

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий