Шрифт отображается правильно на Chrome, но не в Safari или Firefox. Я даже форматы добавил. Что случилось? - PullRequest
Новая
       80

Шрифт отображается правильно на Chrome, но не в Safari или Firefox. Я даже форматы добавил. Что случилось?

0 голосов
/ 19 июня 2020

Что мне делать? Это весь мой код. Я новичок в этом, поэтому не знаю, правильно ли я делаю, но это то, чего я до сих пор достиг ... Я везде искал проблему и ее решение, но ни один из них не работал так далеко. Я был бы очень признателен за помощь.

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body style="background-color: #ff793f">

<title> The Fandomized Shop </title>

<!-- Top Navigation Bar -->
<div class = "navigationBar" style = "font-family: LemonMilklight">
   <li><a href="#home" class ="active"  > Home</a></li> 
    <li><a href = "#shop" >Shop</a></li>
    <li><a href = "#contact" > Contact Us</a></li>
    <li><a href = "#about"> About Us</a></li>
    <li><a href = "#cart" > Cart </a> </li>
    <span class = "fa fa-search searchIcon"></span>
    
    <div class ="searchBar">
    <li>  <span class = "Clear"> <input type = "text" placeholder = "Search" class = "Search" style="font-family: LemonMilklight"> </span></button> </li>
    </div>
</div>

<!-- Slogan -->
<h1 style= "font-family: LemonMilklight"> your one stop shop for everything fandomized</h1>
</body>
</html>

Это шрифт со всеми его форматами. Разве это не должно работать в Safari и на Firefox вот так? Нужно ли сначала изменить настройки? Что-то не так со шрифтом? Должен ли я добавлять каждый формат другим шрифтом? Я пытался исправить это в течение дня, но безрезультатно.

CSS

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

}

Я был бы очень признателен за любую помощь, потому что я очень потерян. Я собирался продолжить разработку и тестирование на Chrome, но понял, что это будет проблемой только тогда, когда я попытаюсь протестировать его на Safari или Firefox. Какие еще способы исправить это?

1 Ответ

0 голосов
/ 15 июля 2020
  1. Вы действительно где-то включаете CSS? Я не вижу таблицы стилей в вашей HTML голове. Примерно так
Согласно этому определению шрифта, файлы шрифтов (.EOT et c) должны находиться в том же каталоге, что и ваш файл HTML.

Что касается того, почему он работает в одном браузере, но не работает в другом - как предложил один из других комментаторов, если у вас есть только один из файловых форматов, например, TTF, возможно, Chrome принимает в этом резервный вариант, тогда как safari и FF не будет.

...