Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.12.2019, 17:29
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

как подключить шрифт
добрий день не могу подключить шрифт не понимаю где ошибка


@font-face {
font-family: 'Futura'
src: url('/fonts/futura/Futura-CondensedLight.otf') format('otf')
font-weight: normal
font-style: normal}
Ответить с цитированием
  #2 (permalink)  
Старый 23.12.2019, 17:39
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от misha.korolcov
добрий день не могу подключить шрифт не понимаю где ошибка
Пропущены точки с запятой — «;»

@font-face {
    font-family: Futura;
    src: url('/fonts/futura/Futura-CondensedLight.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}
Ответить с цитированием
  #3 (permalink)  
Старый 23.12.2019, 17:51
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

спс сорнян я на бистрою руку написал з сасс я подключил но вот в чем проблема дизайнер скинул шрифт там много файлов а шрифт то один как мне ево подключить сижу пол дня думаю
https://yadi.sk/d/5dZ0EukXCgBRUw

я понимаю что есть файл , для крусива для болда , но я не могу найти для 400(обичний шрифт )
подключил через (у меня код на sass)
@font-face
font-family: 'Futura'
src: url('/fonts/futura/futura medium condensed bt.ttf')

Последний раз редактировалось misha.korolcov, 23.12.2019 в 17:58.
Ответить с цитированием
  #4 (permalink)  
Старый 23.12.2019, 18:15
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Вам нужно описать все файлы шрифта... укажите «жирность», «наклонность», «растянутость» и пр.
@font-face {
	font-family: Futura;
	src: url("/fonts/futura/Futura Book font.ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Futura;
	src: url("/fonts/futura/Futura Book Italic font.ttf");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Futura;
	src: url("/fonts/futura/Futura-CondensedLight.otf");
	font-stretch: condensed;
	font-weight: 300;
	font-style: normal;
}
/* и т. д. все файлы, или только те, которые нужны */

/* пример */
html {
	font: 1em Futura, sans-serif;
}

Последний раз редактировалось Malleys, 23.12.2019 в 18:30.
Ответить с цитированием
  #5 (permalink)  
Старый 23.12.2019, 18:41
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

спс ви очень помогли
Ответить с цитированием
  #6 (permalink)  
Старый 09.01.2020, 19:06
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 47

со шрифтами может возникнуть проблема. Chrome может не пропустить сторонние шрифты, будут загружаться дефолтные. Поэтому лучше брать google fonts и подключать уже гугловские шрифты. Столкнулся с этой проблемой.
Ответить с цитированием
  #7 (permalink)  
Старый 09.01.2020, 22:12
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от tp-20
со шрифтами может возникнуть проблема. Chrome может не пропустить сторонние шрифты, будут загружаться дефолтные. Поэтому лучше брать google fonts и подключать уже гугловские шрифты..
Что за отборнейший бред ты несешь? Не осилил @font-face?

Так google fonts и есть сторонние шрифты, которые загружаются со стороннего сервера! Проверь!
Ответить с цитированием
  #8 (permalink)  
Старый 09.01.2020, 22:19
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 47

Сообщение от Malleys Посмотреть сообщение
Что за ...
видимо ты не сталкивался. повезло просто

гугел
Ответить с цитированием
  #9 (permalink)  
Старый 10.01.2020, 05:05
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от tp-20
видимо ты не сталкивался. повезло просто
Здесь дело не в шрифтах, а в том том, что ресурсы загружаются с чужого сервера, который не разрешил в заголовке Access-Control-Allow-Origin твой сайт.

И вообще это очень, очень, очень плохая идея тянуть ресурсы с чужого сервера (я не говорю про CDN и общественные API, которые как раз таки предназначены для этого) — эти ресурсы могут быть в любое время перемещены, удалены, переименованы, и то, что у тебя что-то перестанет работать, это твоя вина. Никто ничем не будет должен тебе быть обязанным!

Скачай файл к себе на сервер, и никаких проблем с Access-Control-Allow-Origin не будет!

Последний раз редактировалось Malleys, 10.01.2020 в 05:08.
Ответить с цитированием
  #10 (permalink)  
Старый 10.01.2020, 08:20
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 47

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как подключить Bootstrap для webpack 2? Jussia Библиотеки/Тулкиты/Фреймворки 1 24.06.2017 19:32
Как подключить jQyery Andrey1812 jQuery 4 13.11.2012 15:46
Как подключить JQUery при разработке расширения для OPERA? Romingood jQuery 1 24.10.2012 11:25
Как подключить один js во внутрь другого? Jeremen Общие вопросы Javascript 0 21.09.2012 13:57
как подключить две версии библиотеки jquey одновременно abuGabi jQuery 6 05.11.2011 07:45