1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Fonte de letra.

Discussão em 'Web Development' iniciada por pedibus, 18 de Abril de 2012. (Respostas: 6; Visualizações: 560)

  1. pedibus

    pedibus Power Member

    Boa tarde a todos.

    Antes demais, de referir que não percebo nada de nada de programação e construção de páginas etc.

    Sabem-me dizer como coloco uma fonte (helvética por exemplo) e essa fonte aparecer em todos os sistemas operativos (mac ou pc) ???
    Estou a trabalhar no iWeb. (não se riam, é um site básico)

    Obrigado a todos pela ajuda.
     
  2. CapitaoLuso

    CapitaoLuso Power Member

    Existem várias técnicas, a mais simples de usar é utilizar imagens e/ou flash com o texto nesse tipo de letra.
    Depois tens várias opções, uma das que podes usar é esta http://cufon.shoqolate.com/generate basta teres o tipo de letra, geras o .js nesse site e adicionas o código HTML correspondente (ver documentação no site).
    Tens ainda o Google Fonts em http://www.google.com/webfonts mas estás limitado às fontes que lá estão.
     
  3. pedibus

    pedibus Power Member

    Viva CapitaoLuso,

    Agradeço as sugestões desde já.

    Na opção do google não percebi como funciona. Como coloco o html no site? Basta colocar no corpo de cada texto?

    Obrigado.
     
  4. CapitaoLuso

    CapitaoLuso Power Member

    Boas.
    Mais em baixo não reparaste bem, mas tinhas 3 botões: Choose, Review e Use. Se acederes a esta página (http://www.google.com/webfonts#ReviewPlace:refine) tens lá os passos todos. O último passo, é aquele que te irá gerar o código necessário para colocares no HTML da tua página.
     
  5. SirArthur

    SirArthur Power Member

    Ainda tens CSS3, não suportado em browsers velhos.

    Envia o ficheiro .ttf/.otf da fonte e depois no CSS:

    Código:
    @font-face {
          font-family: Fonte; src: url('Fontes/Fonte.otf');
    }
    
    Para a usar em seguida:

    Código:
    body { font-family: Fonte; }
    
    De momento compatível com: Firefox 3.1+, Safari 3.1+, Opera 10+, MSIE 9+, Chrome 4.0+
     
    Última edição: 19 de Abril de 2012
  6. CapitaoLuso

    CapitaoLuso Power Member

    Pois, eu não falei do CSS3 por causa da compatibilidade... Mas também é o futuro...!
     
  7. pedibus

    pedibus Power Member

    CapitaoLuso

    muito obrigado pela ajuda, mas de facto não entendo nada do que colocaste :(

    é possível um contacto via skype,msn,google talk?

    Obrigado mais uma vez.
     

Partilhar esta Página