Использование пользовательского шрифта, расположенного на другом сервере

Я должен использовать пользовательский шрифт на одной из веб-страниц. Я использую @ font-face в своем CSS.Использование пользовательского шрифта, расположенного на другом сервере

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

Если это работает, то это так же просто, как упоминание полного URL-адреса в URL-адресе t @ font-face? Или мне нужно что-то еще? Каковы ограничения? Я знаю, что в IE .eot шрифты работают.

Спасибо.

источник

2013-05-28 Blueboye

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

@Renan: Не совсем. Вот почему шрифт был введен. :-) –

@harsha жить и учиться ... Жаль, что я не смог бы поддержать ваш комментарий. – Renan

Да, вы можете использовать шрифт, расположенный на другом сервере.

В качестве примера

@font-face 
{ 
    font-family: 'EndzoneSansLight'; 
    src: url('//:') format('no404'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.eot?#iefix') format('eot'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.woff') format('woff'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.ttf') format('truetype'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

Вот FIDDLE

источник

2013-05-28 17:08:52

Работает ли это на IE8 и ниже? Я так не думаю :( – Blueboye

@Leon: если тот же шрифт шрифта работает на IE8 или ниже, даже это должно быть –

@Leon: Кроме того, зачем вам шрифт с другого сервера? Не будет ли это возможным для загрузки шрифта на ваш сервер? –

Ты слышал о Google Fonts раньше?

http://www.google.com/fonts/

Это самый простой способ для импорта пользовательских шрифтов с другого сервера (в этом случае сервер компании Google) на свой веб-сайт.

выбрать шрифт и добавить этот код на вебе-странице

<link href='http://fonts.googleapis.com/css?family=Days+One' rel='stylesheet' type='text/css'>

И если я прослежу URL он будет показывать это деталями

@font-face { 
    font-family: 'Days One'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Days One'), local('DaysOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/daysone/v3/yfpXiXt9Xp5H97keqlB0t_esZW2xOQ-xsNqO47m55DA.woff) format('woff'); 
}

Надеется, что это помогает :)

источник

2013-05-28 17:14:03

Да, я слышал о шрифтах Google, но думаю, вы можете использовать только те шрифты, которые они размещают. Могу ли я загрузить шрифт на шрифты Google и использовать его? – Blueboye

Я так не думаю, извините .. может быть, по крайней мере пока. Последний вариант использует изображение, но он будет стоить больше байта для загрузки –

Использование пользовательского шрифта, расположенного на другом сервере

ответ

Смежные вопросы