Как установить шрифт на сервере

Ответ 1

С CSS3 можно встроить шрифты на веб-сайты, даже если они недоступны на пользовательской машине.

Сначала загрузите свой шрифт в каталог на своем сервере.

Затем зарегистрируйте этот шрифт в своем CSS, чтобы вы могли его использовать так:

@font-face {
 font-family: 'Raspoutine Medium';
  src: url(http://site/fonts/Raspoutine Medium.ttf);
}

Затем, чтобы использовать его на элементах вашего сайта:

body {
font-family: 'Raspoutine Medium', Arial, Helvetica, san-serif;
}

(см. http://www.w3.org/TR/css3-fonts/#the-font-face-rule)

Обратите внимание, что это будет работать только в некоторых современных браузерах, а именно в текущих версиях Firefox, Chrome, Safari, Opera и IE9. IE8 и более старые версии IE не поддерживают это, поэтому хорошо объявить и протестировать сайт с помощью шрифта "fall back".

Также обратите внимание, что в зависимости от шрифта могут возникнуть проблемы с лицензированием.

Ответ 2

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

Другой вариант - проверить API Google Fonts. Преимущества

* A choice of high quality open source fonts.
* Works in most browsers.
* Extremely easy to use.

Ответ 3

Сначала вам нужно загрузить файл шрифта на сервер, скачать zip файл вашего шрифта и загрузить распакованную папку на сервер через FTP, например filezilla, тогда вы можете использовать это в себе css, но вместо этого замените "font/path" своим путем, где вы собираетесь загрузить шрифт и не обязательно загружать весь файл расширения, указанный ниже, но это хорошая практика, если вы не хотите загружать какой-либо файл расширения, просто удалите его запись из кода ниже.

@font-face { font-family: 'Font Name'; src: url('font/path/fontname.eot'); src: url('font/path/fontname.eot?#iefix') format('embedded-opentype'), url('font/path/fontname.woff') format('woff'), url('font/path/fontname.ttf') format('truetype'); font-weight: normal; font-style: normal;}

Вы можете использовать его как

#element { font-family: 'Font Name'; }

Надеюсь, что это поможет

Ответ 4

Вы можете загрузить шрифт с сервера на веб-страницу, как и любой другой ресурс, используя CSS3 для всех современных браузеров, за исключением IE, для чего требуется использовать WEFT.exe(скачать бесплатно от Microsoft), чтобы создать файл EOT из Файл шрифта TTF (сохраните файл TTF в локальном каталоге шрифтов перед запуском WEFT).

Как только у вас есть файлы TTF и EOT в каталоге вашего сайта, следующий код должен работать:

/* Load font for IE only */
@font-face {font-family: Font Name;font-style: normal; font-weight: normal; src: url(FontName.eot)}
/* Load font for other browsers */
@font-face {font-family: Font Name; src: url(FontName.ttf)}
/* Specify default font and any other styles */
#id {font-family:Font Name,sans-serif}
...
<p id="id">Text to be displayed</p>

Ответ 5

Щелкните правой кнопкой мыши шрифт, который вы хотите установить, и нажмите "Установить".  или Перетащите шрифт в/на значок "Шрифты" на панели управления.

Ответ 6

Вы можете использовать / для получения относительных путей.

@font-face {
    font-family: Font-Name;
    src: url(/content/font/Font-Name.ttf ); /* IE */
    src: local("B Yekan"), url(/Content/fonts/Font-Name.ttf format("truetype"); /* non-IE */
    font-style: normal;
    font-weight: 100;
}