Question

Хочу поменять шрифт заголовка на Izhitsa

Попробовал так:

 

@import url('//fonts.googleapis.com/css?family=Izhitsa');

....

.logo-lnk {
 display: inline-block;
 color: #fff;
 font-family: 'Izhitsa', normal;
 padding-left: 190px;
 height: 60px;

.....

 

Не получилось.

Что надо сделать?

Answer 1

Шрифт загрузить в ФМ, пример ниже он загружен в папку font, но можно в корень, естественно изменить урл.

CSS.....
@font-face {  font-family: 'izhitsa';   src: url(/font/izhitsa-cyrillic.ttf);   }  
h1.font {font-family:'izhitsa';}  
HTML....
<h1 class="font">Фонтс</h1>

Comments

 

@font-face {  font-family: 'izhitsa';   src: url(/7732.ttf);   }  

 

.logo-lnk {

 display: inline-block;

 color: #1b9cdf;

    

font-family: 'izhitsa';

 /* font-family: 'Lobster', cursive; */

 padding-left: 50px;

 height: 60px;

 line-height: 60px;

 font-size: 2em;

 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

 background: url('/logotip_lvk_v2_s.png') no-repeat 0 50%;

 /*background: url('/.s/t/1134/logo.png') no-repeat 0 50%;*/

 word-break: break-word;

}

Все равно нет Ижицы ((

Менял izhitsa на Izhitsa - без результата.

---

Алексей Зарубин,

Кэш в браузере сбросьте, я вижу ижитсу.

 

---

Sentimo,

Почистил, хоть убей так: .... :(

 

Буду думать что еще почистить ))

---

Алексей Зарубин,

Значит смотрим в другом браузере, и куки это не кэш...

---

Sentimo,

Сайт забанен, может из-за этого...

Перенес на другой сайт фонт:

 @font-face { font-family: 'Izhitsa'; src: url(http://plotik.net/izhitsa.ttf); } 

Без результата.

PS Всё почистил. С мобильных браузеров, с IE - та же картина - нет Ижицы ))

Может из-за бана что-то....буду ждать его снятия

---

Алексей Зарубин,

Битый файл шрифта, берите этот http://australia.do.am/font/izhitsa-cyrillic.ttf

---

Sentimo,

Аллилуя! Спасибо! :)

Answer 2

у вас все получилось. сделайте на странице ctrl+f5

Comments

Это картинка.  Я говорю о надписи "Лига волейбола Куркино", которая левее меню.

---

Алексей Зарубин,

Все работает http://joxi.ru/ZrJzVa1T9Wjngr шрифт изменился. Как вам и говорили, кеш в браузере очистите https://ukit.com/ru/help/kak-ochistit-cahe

---

"Все работает http://joxi.ru/ZrJzVa1T9Wjngr шрифт изменился. Как вам и говорили, " - по данной ссылке не Ижица.

Можете сравнить шрифр на картинке и шрифт надписи левее меню. 

 

---

Вот подробная картинка. Прошу помочь с надписью.

---

Алексей Зарубин,

Данный шрифт в гугле платный, не знаю где вы нашли эту ссылку на шрифт, но он стоит 25 долларов. Ищите на сторонних сайта, скачивайте и подключайте как описано в материале http://htmlbook.ru/blog/svoi-shrift-na-stranitse

---

Yuri_Geruk,

Ссылку я сам написал. Забыли про нее, ок.   Шрифт скачан и установлен на компьютер - я же картинку смог получить с Ижицей.   Для отображения установленного на компе шрифта надо еще что-то делать кроме как указать его название?

 

"

Если у вас на компьютере уже установлен специфический шрифт, то в стилях достаточно добавить строку.

h1 { font-family: SuperPuperFont; }

"

У меня так же, вроде:

font-family: 'Izhitsa', normal;

---

Алексей Зарубин,

Если на компьютере установлен, да, изменения увидите, а если нет, то конечно не увидите. Чтобы все пользователи увидели лучше скачать файл шрифта, загрузить себе на фтп и подключить в стилях и после применять на сайте где нужно.

---

Yuri_Geruk,

1. Шрифт установлен, но надпись не в Ижице, не понимаю где ошибка.     2. Загрузил шрифт и сделал подгрузку  @import url("http://lvk.ucoz.org/7732.ttf");  И с этим тоже не работает.

---

Алексей Зарубин,

Если делаете название файла 7732.ttf тогда и название шрифта должно быть циферное, название файла должно быть точная копия названия шрифта иначе ничего работать не будет.

---

Yuri_Geruk,

@import url("http://lvk.ucoz.org/7732.ttf");  font-family: '7732';  ...не работает.

---

Алексей Зарубин,

По логике должно, если не работает, тогда, увы как исправить не подскажу (причина мне не ясна).

---

Yuri_Geruk,

Попробовал http://allfont.net/download/izhitsa-cyrillic/ - тоже не получилось....  Ну, буду мучаться.

---

а теперь посмотрите на страницу с инструкцией по установке http://allfont.net/download/izhitsa-cyrillic/#tab-import

смотрите эту часть

если вы видите тоже самое что и я, то есть не видите свой шрифт в примере на странице, то это значит, что у вас на компьютере не установлен такой шрифт и пока не установите не увидите.и старайтесь поэтому выбирать для сайта не слишком экзотичные шрифты

---

webanet,

Шрифт Ижица стоит. 

Вот этот шрифт стоит http://lvk.ucoz.org/7732.ttf 

Осталось его отобразить на сайте как-то...

 

---

ну если вы игнорируете то что я пытаюсь вам писать, то ставьте шрифт на сайт по инструкции которую нашли. она правильная

---

webanet,

Я ? Игнорирую? Я пишу что я сделал, я прошу помочь.  

1. Установил шрифт, указал какой http://lvk.ucoz.org/7732.ttf  

2. Это шрифт не отображается в надписи  если написать 

 font-family: 'Izhitsa';

3. Как это починить?  

 

Второй вариант:  

1. Ок, инструкция http://allfont.net/download/izhitsa-cyrillic/#tab-import   

2. Я делал по ней:

  @import url(http://allfont.net/allfont.css?fonts=izhitsa-cyrillic);

  font-family: 'Izhitsa Cyrillic', arial;

 тоже не работает!

3. В чем может быть ошибка?

---

МНЕ НУЖЕН ОТВЕТ НА ЭТОТ ВОПРОС А ЛУЧШЕ СКРИШОТ

а теперь посмотрите на страницу с инструкцией по установке http://allfont.net/download/izhitsa-cyrillic/#tab-import

смотрите эту часть

если вы видите тоже самое что и я, то есть не видите свой шрифт в примере на странице, то это значит, что у вас на компьютере не установлен такой шрифт и пока не установите не увидите.и старайтесь поэтому выбирать для сайта не слишком экзотичные шрифты

---

webanet,

Добавил сей код в страницу.

 

<html>
  <head>
    <link href="http://allfont.net/allfont.css?fonts=izhitsa-cyrillic" rel="stylesheet" type="text/css" />
    <style>
      body {
        font-family: 'Izhitsa Cyrillic', arial;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful with Izhitsa Cyrillic!</div>
    <div>Кириллица</div>
  </body>
</html>

Картинку прилагаю.

Дурацкий вопрос - это же Русскоязычный шрифт, почему тестовое сообщение на английсокм-то?

Весь размер съехал, но видно, что Ижицей "не пахнет"...

Что делать дальше?