Перейти к содержимому


Шрифты


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 03 Март 2015 - 12:21

Здравствуйте,устанавливаю сторонний шрифт.Загрузил,пути взял через сайт-файлы.
Подключаю в css^:
@font-face {
								font-family: 'CyrillicOld';
								src: url('http://st.medkaz.ru/9/1583/462/CyrilicOld.eot');
								src: url('http://st.medkaz.ru/9/1583/462/CyrilicOld.eot?#iefix') format('embedded-opentype'),
												 url('http://st.medkaz.ru/9/1583/463/CyrilicOld.woff') format('woff'),
												 url('http://st.medkaz.ru/7/1539/404/CyrilicOld.ttf') format('truetype'),
												 url('http://st.medkaz.ru/6/1583/478/CyrilicOld.svg#CyrillicOld') format('svg');
								font-weight: normal;
								font-style: normal;	 
				}
Установил для заголовков:
h1, h2, h3, h4, h5, h6 {font-weight: normal;line-height: 1.3;margin: 0 0 22px 10px;text-rendering: optimizelegibility;color:#1e1e1e;font-family: 'CyrillicOld', sans-serif;word-wrap: break-word;}

И не работает

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Март 2015 - 05:09

Необходимо переделать сам шрифтовой файл. Возьмите за основу формат ttf, его используйте в этом сервисе:
http://www.fontsquir...bfont-generator

Выберите необходимые параметры символов(кириллица, латиница, цифры, знаки пунктуации и пр.), обязательным параметром включите Base64 Encode

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

#3 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 05 Март 2015 - 21:18

Просмотр сообщенияVaccina (04 Март 2015 - 05:09) писал:

Необходимо переделать сам шрифтовой файл. Возьмите за основу формат ttf, его используйте в этом сервисе:
http://www.fontsquir...bfont-generator

Выберите необходимые параметры символов(кириллица, латиница, цифры, знаки пунктуации и пр.), обязательным параметром включите Base64 Encode

Сконвертированные шрифты замените вместо своих. если у вас не получится, приложите к сообщению файл, я вам пришлю готовый вариант.
К сожалению,какая-то ошибка
шрифт.png

Прикрепленные изображения

  • шрифт.png

Прикрепленные файлы

  • Прикрепленный файл  CyrilicOld.zip   33,41К   72 Количество загрузок:


#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Март 2015 - 05:52

Действительно, подобные типы шрифтов не конвертируются, со сторонних ресурсов скачивала подобный и пыталась сконвертировать.
Советую воспользоваться:
http://www.google.com/fonts/

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

#5 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 11 Март 2015 - 11:04

Просмотр сообщенияVaccina (06 Март 2015 - 05:52) писал:

Действительно, подобные типы шрифтов не конвертируются, со сторонних ресурсов скачивала подобный и пыталась сконвертировать.
Советую воспользоваться:
http://www.google.com/fonts/

Если в нем найдете понравившийся шрифт, то для подключения будет достаточно вставить строку подключения шрифта и указать его для текста\заголовка.
Вот шрифт,вроде сконвертировался без проблем.
Подключаю:
@font-face {
	font-family:'beeskneescregular';
	src: url('http://st.medkaz.ru/12/1588/959/beesk-webfont.eot');
	src: url('http://st.medkaz.ru/12/1588/959/beesk-webfont.eot?#iefix') format('embedded-opentype'),
		 url('http://st.medkaz.ru/12/1588/963/beesk-webfont.woff2') format('woff2'),
		 url('http://st.medkaz.ru/12/1588/962/beesk-webfont.woff') format('woff'),
		 url('http://st.medkaz.ru/12/1588/961/beesk-webfont.ttf') format('truetype'),
		 url('http://st.medkaz.ru/12/1588/960/beesk-webfont.svg#beeskneescregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
Не работает

Прикрепленные файлы

  • Прикрепленный файл  beesk.zip   15,08К   70 Количество загрузок:


#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Март 2015 - 02:15

Выполните инструкцию из сообщения №2:
http://forum.storela...ты/#entry189646

Необходимо сконвертировать несколько форматов шрифта

#7 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 12 Март 2015 - 10:33

Просмотр сообщенияVaccina (12 Март 2015 - 02:15) писал:

Выполните инструкцию из сообщения №2:
http://forum.storela...ты/#entry189646

Необходимо сконвертировать несколько форматов шрифта
Я конвертировал,даже несколько раз

Цитата

Вот шрифт,вроде сконвертировался без проблем.
Все форматы загрузил на сайт - файлы ,eot,woff,woff2,ttf,svg

Все получилось,вместо font-family:'beeskneescregular';
Вставил font-family:'beeskneesc';

Сообщение отредактировал tutkypi: 12 Март 2015 - 14:13


#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Март 2015 - 04:53

Уточните пожалуйста, актуальна ли ваша проблема, запутало следующее сообщение:

Цитата

Все получилось,вместо font-family:'beeskneescregular';
Вставил font-family:'beeskneesc';

Формат woff2 не требуется.

#9 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 16 Март 2015 - 19:47

Просмотр сообщенияVaccina (13 Март 2015 - 04:53) писал:

Уточните пожалуйста, актуальна ли ваша проблема, запутало следующее сообщение:


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

#10 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 16 Март 2015 - 20:12

Просмотр сообщенияVaccina (13 Март 2015 - 04:53) писал:

Уточните пожалуйста, актуальна ли ваша проблема, запутало следующее сообщение:


Формат woff2 не требуется.
В ресурсах есть шрифт,получается что он подключается,только отображается как TimesNewRoman,Сконвертировал я вроде все нормально.
Может вы попробуете?уже не знаю что тут предпринять

Прикрепленные изображения

  • 425452.png

Прикрепленные файлы

  • Прикрепленный файл  beesk.zip   15,08К   69 Количество загрузок:


#11 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 17 Март 2015 - 14:11

Что делать? 2 сайта страдают из-за этого

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Апрель 2015 - 02:27

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

По подключению файлов в стилях попробуйте использовать:

Просмотр сообщенияVaccina (03 Апрель 2015 - 02:24) писал:

Далее пропишите подключение к шрифту в main.css:
@font-face {
font-family: 'icon';
src:url('/design/icon.eot');
src:url('/design/icon.eot#iefix') format('embedded-opentype'),
url('/design/icon.woff') format('woff'),
url('/design/icon.ttf') format('truetype'),
url('/design/icon.svg#icon') format('svg');
font-weight: normal;
font-style: normal;
}

Вместо icon подставьте название вашего шрифтового файла





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных