@ шрифт-лицо не работает в CSS

-1

Я использую эту строку в моей CSS код:@ шрифт-лицо не работает в CSS

@font-face { 
    font-family: 'myFont'; 
    src: url('myserver/Fonts/tiza-webfont.ttf'); 
}

, а затем это одно конкретное название:

#h1{ 
    font-family: 'myFont'; 
}

Я пробовал много ссылок шрифтов и даже попытался поставить некоторые пользовательские, такие как «Comic Sans», но шрифт не меняется.

Мой HTML является:

<head> 
<link rel="stylesheet" type="text/css" href="bbb.css"> 
</head> 

<div id="table"> 
      <ul> 
       <li><img id="icons" src="icon.jpg" alt="" /><h1> OPA: <strong> {Query.OPA} </strong></h1></li> 
      </ul> 
</div>

Я проверил консоль и теперь все вроде нормально. Я также проверял веб-сайт на разных браузерах.

источник

2016-03-10 Apolo Radomer

Можете ли вы показать ваш HTML тоже? –

Является ли эта папка 'myserver/Fonts/tiza-webfont.ttf' внутри' css' папки? –

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

Попробуйте включить все глифы из here. В том числе только ttf не работает во всех браузерах. Изменение таблицы стилей, чтобы отразить что-то подобное, что является стандартным способом:

@font-face { 
    font-family: 'myFont'; 
    src: url('tiza-webfont.eot'); 
    src: url('tiza-webfont.eot?#iefix') format('embedded-opentype'), 
     url('tiza-webfont.woff') format('woff'), 
     url('tiza-webfont.ttf') format('truetype'), 
     url('tiza-webfont.svg#TizaRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

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

Так что если у вас есть файлы шрифтов (ttf, svg, woff и т.д.) в каталоге: myserver/Fonts/, то вам нужно добавить файл CSS, как tiza.css в myserver/Fonts/tiza.css.

Убедитесь, что выше CSS доступен публично с помощью веб-браузера через HTTP, как:

http://mydomain/myserver/Fonts/tiza.css

И включите его в HTML, как:

<link rel="stylesheet" href="http://mydomain/myserver/Fonts/tiza.css" />

Главное, что вы должны сделать убедитесь, что на вашей консоли отсутствуют ошибки 404 или 4xx. Что-то вроде этого является то, что делает это не работает:

источник

2016-03-10 10:42:07

Я помещал шрифты в папку под названием «шрифты», которая является подпапкой «css». Но ничего не изменилось. –

@ApoloRadomer Вы проверили консоль? –

@ApoloRadomer Также проверьте эту ссылку: https://cdn.rawgit.com/avranju/instafuzz/master/css/fonts/tiza/demo.html Скажите, можете ли вы увидеть шрифт, который хотите получить? –

@ шрифт-лицо не работает в CSS

ответ

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