2015-10-01 2 views
-1

шрифта не работаетшрифта импорта в CSS через гарнитуру шрифта

здесь CSS код

@font-face { 
    font-family: 'Soolidium', sans-serif; 
    font-style: normal; 
    src:url(http://localhost/changingCinema/font/Soolidium.ttf) format('truetype'); 
} 

heading 
     { 
      float:left; 
      width:100%; 
      margin-bottom:10px; 
      font-size:54px; 
      font-family: 'Soolidium', sans-serif;} 

это HTML

<heading>My heading</heading> 

работает только при установке этого шрифта в моем окне в противном случае нет.

Помогите мне, Плз быстро поблагодарить вас.

+0

Вы пытались использовать относительный URL? – slash197

+0

проверить, что инструменты для поиска - это правильно загруженный шрифт. – Orland

+0

Что значит –

ответ

-2

Try замена:

src:url(http://localhost/changingCinema/font/Soolidium.ttf) format('truetype'); 

с:

src: url('../font/Soolidium.ttf'); 

Предполагая, что у вас есть папка с именем 'шрифт' в корневой директории с шрифта 'Soolidium.ttf' в

+1

как вы могли придумать это, учитывая, что вы еще не знаете структуру файла? – Orland

+0

«Предполагаю» ..... –

+0

Я уже пробовал, что не работает –

0

. В шрифте задано имя шрифта фамилия

@font-face { 
    font-family: 'Soolidium'; 
    font-style: normal; 
    src: url('http://localhost/changingCinema/font/Soolidium.ttf') format('truetype'); 
    } 

Для поддержки всех браузеров вы должны указывать URL-адрес из другого файла шрифта. (.eot/.woff/.ttf/.svg)

+0

lol никогда не работает как это –

+0

Какой браузер вы используете? –

0

Прежде всего убедитесь, что вы положили свой шрифт @ перед любыми другими стилями.

Если возможно, возможно, также потребуется добавить дополнительные правила для поддержки браузера, как это:

@font-face { 
    font-family: 'Soolidium', sans-serif; 
    src: url('Soolidium.woff2') format('woff2'), 
    url('Soolidium.woff') format('woff'), 
    url('Soolidium.ttf') format('truetype'); 
} 

И как всегда проверить на наличие орфографических ошибок или указывая на неправильный путь. Помните, что вы вызываете это из своего CSS-файла, поэтому вам нужно указать относительно папки шрифта.

Смежные вопросы