как подключить шрифт

[misha.korolcov]

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


@font-face {
font-family: 'Futura'
src: url('/fonts/futura/Futura-CondensedLight.otf') format('otf')
font-weight: normal
font-style: normal}

[Malleys]

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

Пропущены точки с запятой — «;»

@font-face {
    font-family: Futura;
    src: url('/fonts/futura/Futura-CondensedLight.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

[misha.korolcov]

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

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

[Malleys]

Вам нужно описать все файлы шрифта... укажите «жирность», «наклонность», «растянутость» и пр.

@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;
}

[misha.korolcov]

спс ви очень помогли

[tp-20]

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

[Malleys]

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

Что за отборнейший бред ты несешь? Не осилил @font-face?

Так google fonts и есть сторонние шрифты, которые загружаются со стороннего сервера! Проверь!

[tp-20]

Что за ...

видимо ты не сталкивался. повезло просто

гугел

[Malleys]

видимо ты не сталкивался. повезло просто

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

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

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

[tp-20]

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

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