Блог

Главная - Вопросы по программированию - почему не работает вставка этого шрифта?

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

#html #css #font-face

#HTML #css #шрифт-лицо

Вопрос:

    <!DOCTYPE HTML>

<HEAD>
<style type="text/css">

@font-face { font-family: Blah; src: url('../fonts/WillyWonka.ttf'); 

} 

span.header {
font-family: 'palatino linotype', palatino, serif;
font-size: 36px;
font-weight: bold;
font-variant: small-caps;
color: white;
text-decoration:none;
padding: 20pt;
}

span.content {
font-family: 'Blah', arial, serif;
font-size: 36pt;
}




#contacttable {
position:absolute;
left:20%;top:15px;
}

#contacttable td {
position:absolute;
}

</style>

</HEAD>

<BODY bgcolor="black">
<Table id="contacttable">
<tr>
<td>
<span class="header"> Title of Section </span>
<hr />
<br><br><br>
<span class="content"><font color="red">l</font><font 

color="orange">o</font><font color="yellow">w</font>

…

по какой-то причине из-за изменения шрифта он не работает. есть помощь? (источник http://theriverbendstreetbeach.org/nads/misc/showyou .html )

Комментарии:

1. theriverbendstreetbeach.org/nads/fonts/WillyWonka.ttf Выдает 404

2. @joe, у твоего шрифта все еще 404.

3. Ну, ваша проблема в том, что ваш шрифт недоступен, так или иначе. theriverbendstreetbeach.org/nads/fonts/WillyWonka.ttf Вот где ваша страница пытается попасть в нее.

4. Спасибо! я думал, что это было в корне / шрифты. Спасибо

5. Большое спасибо, Mcuh! это сработало — насколько я понимаю, .. / не является root?

Ответ №1:

Помните, что URL-адреса CSS относятся к файлу CSS (или, в данном случае, к html, который объявляет CSS).

Говоря url(../fonts/WillyWonka.ttf) , вы даете браузеру указание просмотреть один каталог из HTML, а затем вниз в папку fonts:

http://theriverbendstreetbeach.org/nads/fonts/WillyWonka.ttf

И, похоже, ваш файл шрифта на самом деле находится по адресу:

http://theriverbendstreetbeach.org/fonts/WillyWonka.ttf

Итак, для этого конкретного HTML-файла я бы изменил URL-путь на url(../../fonts/WillyWonka.ttf);

Ответ №2:

Как написал Shad в комментариях, ваш шрифт отсутствует в http://theriverbendstreetbeach.org/nads/fonts/WillyWonka.ttf.

Вы можете легко отладить проблемы такого рода самостоятельно, используя такой инструмент, как Fiddler:http://www.fiddler2.com/fiddler2 /

Это прокси, который показывает вам все запросы и их коды состояния. 404-е отображаются красивым красным цветом.