Question

Как подключить шрифт "Palatino Linotype" на сайт, чтобы использовать его только для логотипа (для названия в шапке сайта).

Answer 1

В стили прописать:

 

стили

@font-face {
font-family: 'fontca0f4f6cbe091b7e72e46f58c8fa1768';
        src:    url('https://nomail.com.ua/files/eot/ca0f4f6cbe091b7e72e46f58c8fa1768.eot?#iefix') format('embedded-opentype'),
            url('https://nomail.com.ua/files/woff/ca0f4f6cbe091b7e72e46f58c8fa1768.woff') format('woff'),
            url('https://nomail.com.ua/files/woff2/ca0f4f6cbe091b7e72e46f58c8fa1768.woff2') format('woff2');
}

@font-face { font-family: 'PalatinoLinotype-Roman';  src: local('PalatinoLinotype-Roman'), url('https://nomail.com.ua/files/woff/ca0f4f6cbe091b7e72e46f58c8fa1768.woff') format('woff'); }

после в стилях в строке 148:

.logo-lnk{color:#2a2a2a;font-family:Rubik;font-family: 'PalatinoLinotype-Roman';font-size:18px;font-weight:700;line-height:1.44;text-transform:uppercase;letter-spacing:.72px;transition:all .3s;}

вместо красного прописать зеленое и готово.

Comments

Надо ли их скачивать и загружать на сайт? Потому что так не работает.

---

12 1000,

Все работает, просто вы кеш в браузере забываете очистить.

---

Yuri_Geruk,

Кеш очищен несколько раз. В Хроме и Опере не работает. На телефоне тоже не работает, в рзличных браузерах проверял.

Вот скрин шрифта который сейчас:

А должен быть такой:

Может, надо загрузить шрифты в файловый менеджер?

---

12 1000,

Значит я шрифт нашел не такой, ищите похожий на нужный вам, поискать можете на сайте https://nomail.com.ua/catalog

---

Yuri_Geruk,

Разные шрифты перепробовал. Все выглядят одинаково: как на первом скриншоте.  Проверьте на разных браузерах и на телефоне.

---

12 1000,

Тогда в стили прописать:

 @font-face { 
  font-family: 'Palatino Linotype';
  src: url(http://9bclass.ucoz.ru/fonts/Palatino_Linotype.ttf); 
  } 

ссылку на файл шрифта загрузите себе и смените ссылку на свою. После чего в стилях:

.logo-lnk{color:#2a2a2a;font-family: 'Palatino Linotype';font-size:52px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:0px;transition:all .3s;}

выделил красным, пропишите вот так шрифт и будет как вам нужно.

---

Yuri_Geruk,

Загрузил шрифт на сайт, заработал.  Благодарю.