Suporte
EN PT ES
Wiki
Conteúdo
Discussão
Histórico
Backlinks

Como posso utilizar meus próprios tipos de fonte no meu site?

Uma limitação na hora de criar sites é o conjunto de tipos de letras disponíveis para escolha. Se quisermos que o design seja igual para todos os usuários independente se são usuário de Windows, Linux ou iPad, é preciso limitar-se a um pequeno conjunto de fontes que sabemos que estão instaladas em qualquer plataforma.
Para solucionar isso, incorporamos a GeneXus o uso de Web Fonts (também conhecidas como @font-face), o que nos permitirá utilizar em nosso site qualquer tipo de letra. O uso das Web Fonts permite criar designs de sites mais atraentes sem sacrificar a manutenção nem a indexação, já que não é necessário criar imagens com texto para obter os designs nas diferentes sessões dos sites, como no menu ou nos conteúdos.

E como utilizamos essas fontes no GXportal?

Em Gerenciamento de Fontes, podemos definir as fontes que utilizaremos no site. Além das conhecidas fontes locais, podemos definir “Web Fonts” ou “Google Fonts”.

Web Fonts: neste caso, devemos fornecer os arquivos da fonte que queremos utilizar. Em geral, publicar a fonte no formato .woff e .eot  é suficiente para que elas sejam exibidas em qualquer navegador. Se também quisermos que sejam exibidas em iPad/ iPhone, é preciso publicar o formato .svg.
Há vários sites de onde podemos fazer o download de fontes gratuitas, como o Font Squirrel.

Google Web Fonts: o Google disponibiliza uma grande biblioteca de fontes que podemos utilizar em nosso site. Aqui, temos a vantagem de não precisar nos preocupar em conseguir os arquivos da fonte, apenas escolhemos uma fonte da lista e vamos à opção “Quick use” dela e copiamos o código “Standard” apresentado no passo 3.

Definido o tipo de letra, podemos aplicá-lo em qualquer componente de GXportal ou mesmo no texto do conteúdo, como podemos ver a seguir:

Este é um exemplo de um texto com uma Web Font aplicada!

Ver mais
Gerenciamento de Fontes

Categorias:

    Wiki inicio
    Categorias
    Mudanças recentes
    TOUR
    Tutoriais
    Documentação
    EMPRESA
    Suporte
    © Todos os direitos reservados. GeneXus e seus produtos são marcas registradas de GeneXus S.A. | Política de privacidade | Informação para contato