Jak mogę użyć niestandardowych czcionek w witrynie internetowej?

Question

Aby mojej stronie, aby wyglądać dobrze muszę korzystać z niestandardową czcionkę konkretnie Thonburi-Bold. Problem polega na tym, że czcionka nie zostanie wyświetlona, ​​chyba że użytkownik ją zainstalował. Nie jest również wyświetlany w Firefoksie.

Czy istnieje obejście tego problemu?

Answer 1

CSS pozwala używać niestandardowych czcionek, czcionek do pobrania na swojej stronie internetowej. Możesz pobrać czcionkę o swoich preferencjach, powiedzmy myfont.ttf i przesłać ją na swój zdalny serwer, na którym hostowany jest blog lub witryna.

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

Answer 2

Po pierwsze, musisz umieścić swoją czcionkę jako .otf lub .ttf gdzieś na serwerze.

Następnie za pomocą CSS zadeklarować nową rodzinę czcionek takiego:

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

Jeśli połączysz swój dokument w pliku CSS, który deklarowanej swoją rodzinę czcionek, możesz użyć tej czcionki, tak jak każdy inny czcionki .

Answer 3

Można użyć CSS3 font-face lub Czcionki Webfonts

@ użytkowania font-face

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

Czcionki Webfonts

przyjrzeć Google Czcionki Webfonts, http://www.google.com/webfonts

Answer 4

Tak, jest sposób. Jest nazywany niestandardowymi czcionkami w CSS. Twój kod CSS musi zostać zmodyfikowany i musisz przesłać te czcionki do swojej witryny.

CSS wymagane do tego jest:

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

Answer 5

Trzeba zaimportować czcionkę w arkuszu stylów tak:

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