Как я могу использовать пользовательские шрифты на веб-сайте?

Чтобы мой сайт выглядел хорошо, мне нужно использовать собственный шрифт, в частности Thonburi-Bold. Проблема в том, что шрифт не отображается, если пользователь не установил его. Он также не отображается в firefox.

Есть ли способ обхода проблемы?

Ответ 1

Вам нужно импортировать шрифт в таблицу стилей следующим образом:

@font-face{
    font-family: "Thonburi-Bold";
    src: url('Thonburi-Bold.ttf'),
    url('Thonburi-Bold.eot'); /* IE */
}

Ответ 2

Вы можете использовать CSS3 font-face или webfonts

@использование шрифтов

@font-face {
   font-family: Delicious; 
   src: url('Delicious-Roman.otf');
}

Веб-шрифты

взгляните на Google Webfonts, http://www.google.com/webfonts

Ответ 3

CSS позволяет использовать пользовательские шрифты, загружаемые шрифты на вашем веб-сайте. Вы можете загрузить шрифт своих предпочтений, скажем myfont.ttf и загрузить его на ваш удаленный сервер, на котором размещен ваш блог или веб-сайт.

@font-face {
    font-family: myfont;
    src: url('myfont.ttf');
}

Ответ 4

Да, есть способ. Его называемые пользовательские шрифты в CSS. Ваш CSS необходимо изменить, и вам нужно загрузить эти шрифты на свой сайт.

Для этого требуется CSS:

@font-face {
     font-family: Thonburi-Bold;
     src: url('pathway/Thonburi-Bold.otf'); 
}

Ответ 5

Во-первых, вы должны поместить свой шрифт как .otf или .ttf где-нибудь на вашем сервере.

Затем используйте CSS, чтобы объявить новое семейство шрифтов следующим образом:

@font-face {
    font-family: MyFont;
    src: url('pathway/myfont.otf'); 
    }

Если вы связали свой документ с файлом CSS, в котором вы объявили семейство шрифтов, вы можете использовать этот шрифт так же, как и любой другой шрифт.