# dpw expo #20 - Transfonter, Specificity Calculator, ms

> Explore Transfonter, Specificity Calculator e ms no dpw expo. Conversor de fontes webfont, calculadora de especificidade CSS e parser de tempo. Útil!

URL: https://dpw.dev/css/dpw-expo-20-transfonter-specificity-calculator-ms/  
Publicado em: 2019-06-19  
Categoria: css  
Tags: analise, dpw-expo, ferramentas  
Autor: Tárcio Zemel

[Vídeo no YouTube](https://www.youtube.com/watch?v=7WR64gABR0A)

## Transfonter

A regra `@font-face` de CSS permite usar fontes personalizadas em páginas Web. Mas são necessários arquivos específicos para isso, como WOFF, WOFF2, EOT etc.

O [Transfonter](https://transfonter.org/) é uma ferramenta online que permite que você faça o upload de seus arquivos de fonte (TTF, OTF e outros) para receber os arquivos apropriados para se trabalhar com fontes na Web.

Possui diversas opções de conversão e utilitários para otimização do resultado final. É uma das ferramentas-padrão atuais para conversões de fontes para a Web desta natureza.

> **Dica:** Transfonter faz parte de nossas indicações no [Recursos front end](https://recursosfrontend.desenvolvimentoparaweb.com/).

## Specificity Calculator

Um dos conceitos-chave de CSS é sua Especificidade. A maioria dos desenvolvedores a usa sem saber realmente sua teoria; meio que no "feeling", instintivamente.

E aí se pergunta por que diabos aquela regra não está funcionando como deveria...

[Specificity Calculator](https://specificity.keegan.st/) é um utilitário para visualizar o peso da Especificidade em diferentes seletores, auxiliando bastante ao evitar a necessidade de calcular de cabeça (ou compreender inteiramente) diferentes seletores e aprimorar sua codificação de estilos.

## ms

[ms](https://github.com/zeit/ms) é um utilitário JavaScript para converter vários tipos de formatos de tempo para milissegundos.

É possível passar "por extenso" ou em formato mais resumido anos, dias, horas, minutos, segundos... Enfim, diversos formatos de tempo e receber seu equivalente em ms.

Sua instalação é simplíssima, bastante saber o básico de npm. Funciona tanto para Node.js, quanto no browser.

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml