Como posso usar fontes personalizadas em um site? [duplicado]

Question

Como posso usar fontes personalizadas em um site? [duplicado]

[[2] esta pergunta já tem uma resposta aqui:

Como incorporar tipos de letra em HTML? 6 respostas

para que o meu site fique bonito, preciso de usar um tipo de letra personalizado, especificamente, Thonburi-Bold. O problema é que o tipo de letra não é exibido a menos que o usuário o tenha instalado. Também não é exibido no firefox.

Existe uma resolver este problema?

68

html fonts

Author: James Logan, 2012-11-27

Source

5 answers

score 100 · Answer 1

Tem de importar o tipo de letra da sua 'stylesheet' assim:

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

score 12 · Answer 2

Pode utilizar CSS3 font-face ou webfonts

@utilização do tipo de letra

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

Webfonts

Dê uma olhada no Google Webfonts, http://www.google.com/webfonts

score 7 · Answer 3

O CSS permite-lhe usar tipos de letra personalizados, tipos de letra transferíveis no seu website. Você pode baixar o tipo de letra da sua preferência, digamos myfont.ttf, e enviá-lo para o seu servidor remoto onde o seu blog ou site está hospedado.

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

score 7 · Answer 4

Sim, há uma maneira. Chama-se fontes personalizadas em CSS.Seu CSS precisa ser modificado, e você precisa fazer upload desses tipos de letra para o seu site.

O CSS necessário para isto é:

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

score 1 · Answer 5

Primeiro, tens de pôr a tua letra como "a".otf or .ttf algures no seu servidor.

Então use o CSS para declarar a nova família de tipos de letra assim:

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

Se ligar o seu documento ao ficheiro CSS em que declarou a sua família de tipos de letra, poderá usar esse tipo de letra tal como qualquer outro tipo de letra.