Close Menu
Código Simples .NETCódigo Simples .NET
    Facebook X (Twitter) Instagram
    Trending
    • Estratégias de Resiliência para Microservices: Aplicando Back-pressure e Bulkhead com Eficiência
    • Potencializando o MongoDB com IA: Conheça o MCP Server da MongoDB
    • Guia Completo: Integrando o MCP com Atlassian
    • Model Context Protocol (MCP): O Futuro da Interação com Modelos de IA
    • Processamento Assíncrono: Os Desafios da Escalabilidade
    • NewSQL em 2025: O Estado Atual, Tendências e o Futuro dos Bancos de Dados Relacionais Escaláveis
    • 12 Regras Essenciais para Reduzir a Latência de Aplicações
    • Cache Hit Ratio: Como uma Simples Métrica Pode Revolucionar sua Arquitetura
    Facebook X (Twitter) Instagram
    Código Simples .NETCódigo Simples .NET
    Código Simples .NETCódigo Simples .NET
    Home»Dicas»Convertendo fontes para WebFonts – Gerando webkits font-face online

    Convertendo fontes para WebFonts – Gerando webkits font-face online

    Jhonathan SoaresBy Jhonathan Soares5 de maio de 20142 Mins Read Dicas
    Share
    Facebook Twitter LinkedIn WhatsApp Copy Link

    A cada dia a interação com usuário, a qualidade de UX aumenta. Ferramentas como HTML5 e CSS3 vem crescendo gradativamente e na maioria das vezes aquelas fontes que comumente utilizamos ( Arial, Tahoma, Times ) não são suficientes para dar aquele toque final que queremos na construção do WebSite.font-face

    Por isso, você pode utilizar fontes ( desde que sejam livres ou você pague por elas ) para utilizar em páginas Web. Aquela fonte legal que você utiliza pode ir pra Web de uma maneira bem simples.

    Hoje falaremos do site Fontsquirrel que possui uma ferramenta muito interessante, que é o gerador de WebFonts .

    A ferramenta se propõe a converter qualquer fonte ( desde que seja livre ) para web, e já disponibilizar até o arquivo CSS para você utilizar no seu código html.

    Inicialmente acesse a ferramenta aqui : ( Web Font Generator )

    fonts

    Logo depois, clique em “Add Fonts” e selecione a fonte a converter ( você pode converter até 3 fontes ao mesmo tempo)

    fonts

    Depois clique em “Download Your Kit” e faça o download da fonte

    fonts

    Como você pode ver, você já tem todos os arquivos necessários, para utilizá-lo basta adicionar o CSS na página, mas você pode acessar o arquivo demo e ver como é feito de forma detalhada.

    Você pode fazer o download do meu webfont kit aqui e ver um exemplo:download webfontkit

    Espero que faça bastante uso desta ferramenta e que ela possa lhe ajudar! 🙂

    Não deixe de dar uma passada na nossa página no Facebook

    Até a próxima!

    Share. Facebook Twitter LinkedIn Telegram WhatsApp Copy Link
    Jhonathan Soares
    • Website
    • Facebook
    • X (Twitter)
    • LinkedIn

    Criador do blog Código Simples e com mais 15 anos de experiência em TI, com títulos de MVP Microsoft na área de Visual Studio Development, Neo4j Top 50 Certificate, Scrum Master e MongoDB Evangelist.

    Posts Relacionados

    Happy Hour com Dados #17 – Azure vs AWS vs GCP

    Front-End 26 de maio de 20211 Min Read

    Happy Hour com Dados #16 – Java vs C#

    C# Dicas 22 de setembro de 20201 Min Read

    Happy Hour com Dados #15 – Aplicação de IA no Processamento de Imagem

    Dicas Tecnologia 22 de setembro de 20201 Min Read
    Newsletter

    Digite seu endereço de e-mail para receber notificações de novas publicações por e-mail.

    Junte-se a 25mil outros assinantes
    Posts recentes
    • Estratégias de Resiliência para Microservices: Aplicando Back-pressure e Bulkhead com Eficiência
    • Potencializando o MongoDB com IA: Conheça o MCP Server da MongoDB
    • Guia Completo: Integrando o MCP com Atlassian
    • Model Context Protocol (MCP): O Futuro da Interação com Modelos de IA
    • Processamento Assíncrono: Os Desafios da Escalabilidade
    Categorias
    • Arquitetura (16)
      • Microsserviços (1)
      • Testes (2)
    • Asp.net (120)
      • C# (89)
      • Mvc (13)
    • Banco de dados (91)
      • NoSql (59)
      • Sql (38)
    • Boas práticas (30)
      • Gestão & Produtividade (2)
      • Metodologias Ágeis (6)
    • Cursos (52)
    • Dicas (105)
    • Front-End (92)
    • IA (4)
    • Linux (6)
    • NodeJS (4)
    • Post do Leitor (9)
    • Python (5)
    • Seo (12)
    • Tecnologia (30)
      • ITIL (1)
      • Padrões de Projeto (4)
    • Testes (2)

    VEJA TAMBÉM

    Cursos
    12 de fevereiro de 20166 Mins Read

    1000 livros gratuitos sobre programação!

    Olha que dica bacana! A pagina só com livros sobre programação é mantida no GitHub…

    30 APIs Gratuitas para desenvolvedores

    Facebook X (Twitter) Instagram LinkedIn

    Type above and press Enter to search. Press Esc to cancel.

    Vá para versão mobile