Встраивание семейства шрифтов с помощью CSS

В настоящее время я пытаюсь встроить шрифт TTF на свою страницу, а затем, очевидно, предоставлю резервный шрифт. По какой-то причине он не встраивается, я использовал http://browsershots.org/ для просмотра своей страницы. во множестве браузеров, и ни один из них не видит встроенный шрифт.

Мой шрифт CSS:

@font-face 
{
font-family: 'Tw Cen MT';
src: url('tw.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Это включено во все мои документы CSS, и пример того, как я реализую шрифт:

p.toptext
{
font-size:17px;
font-family:"Tw Cen MT";
font-weight:bold;
color:#d5d3d3;
letter-spacing:0.5ex;
}

Теперь, требует ли ссылка ('../tw.ttf') добавления (../) для поиска шрифта?

И еще один вопрос, связанный с этим, могу ли я поместить свой резервный шрифт в код семейства шрифтов или мне нужно добавлять его вручную каждый раз, когда я связываю семейство шрифтов с абзацем и привязкой?

Заранее спасибо, очень признателен.


fonts font-family
person user3494604    schedule 04.04.2014    source источник

Ответы (3)


arrow_upward
0
arrow_downward

Попробуйте этот шрифт для всех типов...

@font-face {
    font-family: 'Tw Cen MT';
    src: url('tw.eot');
    src: url('tw.eot?#iefix') format('embedded-opentype'),
         url('tw.woff') format('woff'),
         url('tw.ttf') format('truetype'),
         url('tw.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
person Piyush Marvaniya    schedule 04.04.2014
comment
Я добавил семейство шрифтов: Tw Cen MT, Helvetica; к большинству моих тегов семейства шрифтов в моем CSS, и, похоже, он выполнил работу в отношении резервного шрифта, длинного с вашим кодом, но я не могу сказать, сработал ли встроенный шрифт browsershots.org довольно бесполезен. - person user3494604; 04.04.2014
comment
Нет, только что загрузил Firefox с кучей надстроек, чтобы просмотреть его в других браузерах, и он все еще не встраивается, я УВЕРЕН, что Firefox, по крайней мере, разрешил встроенные файлы TTF. - person user3494604; 04.04.2014

arrow_upward
0
arrow_downward

Пожалуйста, попробуйте этот css

@font-face {

font-family: 'fontscorecomttwcenmt';
src: local('fontscorecomttwcenmt'),url('./fontscorecomttwcenmt.woff') format('woff'), url('./fontscorecomttwcenmt.ttf') format('truetype');

}

/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_13141">Text with this font applied</p> */

 .fontsforweb_fontid_13141
        {
        font-family: 'fontscorecomttwcenmt' !important;
        }

/* Font downloaded from FontsForWeb.com */
person Piyush Marvaniya    schedule 04.04.2014
comment
Изменил мой код семейства шрифтов на приведенный выше, а затем впоследствии изменил весь CSS моего семейства шрифтов на fontscorecomttwcenmt, не работал и не загружал шрифт. Я полагаю, что он должен работать, встраивая шрифт с моего СОБСТВЕННОГО сервера, а не извлекая его с сервера, с которого он был загружен. Мой сайт: www.crookedcartoon.co.uk/print.html для протокола. - person user3494604; 04.04.2014

arrow_upward
0
arrow_downward

Мой путь пытается найти шрифт в папке CSS, потому что код @font-face помещен в мой CSS, изменение пути к шрифту с добавлением «../» в начало исправляет его.

ИСПРАВЛЕНО:

@font-face {
    font-family: 'Tw Cen MT';
       src: url('../tw.eot');
       src: url('../tw.eot?#iefix') format('embedded-opentype'),
            url('../tw.woff') format('woff'),
            url('../tw.ttf') format('truetype'),
            url('../tw.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
person user3494604    schedule 04.04.2014