Question

Здравствуйте.

Как установить свой шрифт в названии сайта?

Мой сайт http://orthodox-odessa.ucoz.ua/

Название шрифта, который я хочу поставить: Narbut Classic

Я его загрузил в "Файловый менеджер", прямая ссылка на файл шрифта:

http://orthodox-odessa.ucoz.ua/Narbut_Classic.ttf

Затем в "Руководстве дизайном", в начале, после строк:

<div class="header">
<div class="date">$WDAY$, $DATE$, $TIME$ </div>

я прописал:

@font-face {
font-family: "Narbut Classic";
src: url("http://orthodox-odessa.ucoz.ua/Narbut_Classic.ttf");

Затем. В разделе "Глобальные блоки"-"Верхняя часть сайта"

У меня было:

<div class="header">
<div class="date">$WDAY$, $DATE$, $TIME$ </div>
<h1><!-- <logo> --><font face="Monotype Corsiva">Православна Одеса</font><br><!-- </logo> --></h1>

я заменил строку, с выбором шрифта Monotype Corsiva (он у меня был установлен из предложенного списка шрифтов) на строку

<h1><!-- <logo> --><font-family="Narbut Classic">Православна Одеса</font><br><!-- </logo> --></h1>

Но это ни к чему не привело - название перестало отображаться шрифтом Monotype Corsiva, но шрифт Narbut Classic не отображается, вместо него отображается какой-то стандартны шрифт, типа Ариал, или Times New Roman.

Множественные обсуждения этого вопроса, которые я нашёл не дали ответа на мой вопрос.

Заранее спасибо.

Answer 1

Мало одного файла ttf нужно еще подключать и файл с расширением eof так как без него ваш шрифт не будет работать. Прочтите https://yraaa.ru/blogs/kak-postavit-svoj-shrift-na-sajt-ucoz

Comments

Попробовал сделать так, как там написано:

В "Управлении дизайном", после строк:

/* General Style */

body {margin:0px; padding:0px; height: 100%; background: #fff;}

Вставил, как там поссылке написано:

<style>
@font-face {
font-family: Narbut Classic;/
src: url(fonts/Narbut_Classic.eot);
src: local(Narbut Classic), url(fonts/Narbut_Classic.ttf);
}
h1 {
font-family: Narbut Classic, ' Narbut Classic ';
}
</style>

и в "Верхняя часть сайта" после строк

<div class="header">

<div class="date">$WDAY$, $DATE$, $TIME$ </div>

вставил строку

<h1><!-- <logo> --><font-family="Narbut Classic">Православна Одеса</font><br><!-- </logo> --></h1>

Не работает

Answer 2

Это пропишите в ксс в самый вверх

@font-face {
font-family: 'NarbutClassic';
src: url('http://orthodox-odessa.ucoz.ua/Narbut_Classic.ttf');}

.header h1 {font-family: 'NarbutClassic', sans-serif;}

Строка в глоб. блоке сделайте такой

 <div class="header">
<div class="date">$WDAY$, $DATE$, $TIME$ </div>
<h1><!-- <logo> -->Православна Одеса<br><!-- </logo> --></h1>

Comments

Заработало. Большое спасибо