Fonte personalizada

Minha questão:

Olá,

Alguém sabe como aplico corretamente o

Código:

@font-face

?

Vi um exemplo:

Código:

@font-face {
font-family: 'Caesar Dressing';
font-style: normal;
font-weight: 400;
src: local('Caesar Dressing'), local('CaesarDressing-Regular'), url(http://themes.googleusercontent.com/static/fonts/caesardressing/v2/2T_WzBgE2Xz3FsyJMq34T2P6V2CHcxaChb7jOf5qsHM.woff) format('woff');
}
.table-title, .table-title h2 {
font-family: 'Caesar Dressing';
}

Está bem fácil de entender, apenas não sei onde pego a fonte no formato .woff '-' !
A fonte que desejo é esta: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Até.

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Adicione ao CSS:

Código:


@import url(http://fonts.googleapis.com/css?family=Comfortaa);


para usar a font use desta forma:

[codebox]font-family: 'Comfortaa', cursive;[/codebox]

DeeW. escreveu:Adicione ao CSS:

Código:


@import url(http://fonts.googleapis.com/css?family=Comfortaa);


para usar a font use desta forma:

[codebox]font-family: 'Comfortaa', cursive;[/codebox]

Sem resultado, já havia testado dessa forma...

Até.

Como não funcionou? testei em um documento HTML e funcionou normal. lembre-se:

regraCSS{
font-family: /*Font*/
}

Olá amigo,

Veja: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Porem ficou com a fonte "cursive" mesmo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Até.

iChees escreveu:Olá amigo,

Veja: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Porem ficou com a fonte "cursive" mesmo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Até.

add this css:

Código:

@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local('Comfortaa'), local('Comfortaa-Regular'), url(http://themes.googleusercontent.com/static/fonts/comfortaa/v5/qLBu5CQmSMt1H43OiWJ77T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

Hola Mindlezz,

Funcionó a la perfección, gracias.

Hasta más.

@Edit: Caso eu queira modificar a fonte, como devo proceder?

iChees escreveu:Hola Mindlezz,

Funcionó a la perfección, gracias.

Hasta más.

@Edit: Caso eu queira modificar a fonte, como devo proceder?

@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local('Comfortaa'), local('Comfortaa-Regular'), url([Tens de ter uma conta e sessão iniciada para poderes visualizar este link]) format('woff');
}


As partes marcadas em vermelho é onde deve ser trocado caso deseje usar outra fonte.
 No caso das fontes https://www.google.com/fonts
a um explicativo com 3 formas de como usar.
basta adicionar a coleção da fonte desejada, aparecerá uma aba no fim da pagina com 3 botões "Choose Review Use" clique no botão User

copie o endereço marcado em vermelho na imagem abaixo e cole na aba de endereço do navegador:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Aparecerá uma coisa similar a isso:

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


Pronto só substituir.


Agora se vc quiser usar uma fonte que esteja no seu computador vc precisará de um servidor para hospedar a fonte.

Abraço!

Olá,

Reputado

Perfeito agora entendi

Até.

[sucesso=Resolvido][/sucesso]

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código