Не смейтесь, но я не могу заставить шрифт отображаться в моем HTML-файле (masOS Catalina)

#html #css #fonts

#HTML #css #шрифты

Вопрос:

Я пытаюсь применить «Микрограмму» к моему логотипу. панель навигации. Что я делаю не так,? Он установлен на моем компьютере и в правильном файле. Уверен, что я все делаю правильно!

codepen.io/daddchamploo/pen/ZEWNvXN

1. Привет, ДАДД, добро пожаловать в SO. Можете ли вы разместить полную настройку файлов / папок в любом онлайн-редакторе (JSfiddle, codepen и т. Д.). Кроме того, вам нужно встроить пользовательский шрифт в CSS, а затем вызвать шрифт в стиле css (div.logo). Вы не упомянули семейство шрифтов в css.

Ответ №1:

Сначала вам нужно добавить семейство шрифтов, тогда для вашей HTML-страницы будет работать только шрифт.

Синтаксис:

  @font-face{
      font-family:'you font name';
      src:url('your font path');
 }

Пример:

 @font-face{
    font-family:helvetica;
    src:url(../fonts/helvetica-normal.ttf);
}

Затем вы можете добавить шрифт в свой CSS, например:

 div.logo {
    font-family: helvetica;
}

Добавьте его вот так, и все будет работать правильно.

1. Хорошо. Я сделал так, как вы сказали, и это все равно не сработает. Я даже сделал это с помощью helvetica, и это было успешно, но по какой-то причине не этот шрифт. codepen.io/daddchamploo/pen/ZEWNvXN

Ответ №2:

Похоже, вы указали неправильное имя файла шрифта

 div.logo{
    width: 180px;
    height: 10px;
    position: absolute;
    text-transform: uppercase;
    font-family:"Michroma";
}