Inspecciona os tipos de letra en calquera páxina
Pasa o rato e fai clic no texto para ver o tipo de letra, o tamaño, o peso, o estilo e a cor en directo, preto do elemento ou nunha barra lateral, sen abrir DevTools.
what the font - font finder
Identifique o tipo de letra e a tipografía CSS en calquera elemento da páxina web (familia, tamaño, peso, altura de liña, espazamento entre letras, cor e contraste) e despois copie ou exporte o que necesite sen saír da pestana.
Creado para a tipografía en directo
Características
Detalles tipográficos que importan
Lea a altura das liñas, o espazamento das letras, a transformación, a decoración e o contraste (incluídas as indicacións AAA/AA) nun panel.
Copia CSS nun clic
Copia a familia de fontes, a cor ou un fragmento CSS listo para o elemento que inspeccionou.
Edita estilos na páxina
Axusta o peso, o tamaño, o espazo, a cor e moito máis no elemento en directo e, a continuación, restablece cando acabes de explorar.
Todas as fontes da páxina
Escanee estilos de texto únicos na páxina e salte entre eles ao auditar un sistema de deseño.
Exportar e Google Fonts
Exporta tipografía como SCSS ou JSON ou abre unha busca de Google Fonts para a familia que atopaches.
Sinxelo polo deseño
Sobre nós
Unha extensión de Chrome que revela tipografía en directo (tipo de letra, tamaño, peso, cor e contraste) para que poida inspeccionar, copiar e exportar fontes desde calquera páxina web.
- —
- Uso total publicado
- —
- Reconto verificado de recensións
Chrome Web Store
Usuarios sobre nós
Marcadores de posición de comentarios ilustrativos: os comentarios de Chrome Web Store substituirán estes cando se conecte.
★★★★★
“Podo coller a familia, o peso e a cor hexadecimal dun sitio en directo sen abrir DevTools.”
★★★★★
“Copiar CSS e contrastar nun panel é exactamente o que necesito durante as auditorías.”
★★★★★
“Todas as fontes da páxina axúdanme a detectar rapidamente tipos inconsistentes nunha páxina de destino.”
Tres pasos rápidos
Como usar
-
Instala a extensión
Engade what the font - font finder desde Chrome Web Store e fixalo na barra de ferramentas.
-
Comeza a inspeccionar
Abre a ventá emerxente, comeza a inspeccionar, pasa o rato e fai clic en calquera texto da páxina.
-
Copia ou exporta
Copia CSS, exporta estilos, abre Google Fonts ou explora todas as fontes da páxina.
Respostas antes de instalar
FAQ
Como identifico un tipo de letra nun sitio web?
Instala what the font - font finder, comeza a inspeccionar, pasa o texto e fai clic para abrir o panel coa familia, tamaño, peso e cor.
Podo copiar o CSS do tipo que vexo?
Si. Desde o panel pode copiar a familia de fontes, a cor ou un fragmento CSS para o elemento inspeccionado.
Funciona en todas as páxinas?
Funciona nas pestanas habituais do sitio web. Non se poden inspeccionar as páxinas do sistema Chrome e algúns URL restrinxidos.
Podo ver todas as fontes utilizadas nunha páxina?
Use Todas as fontes da páxina para listar estilos de texto visibles únicos e abra calquera deles no panel de detalles.
Podo cambiar o aspecto mentres inspecciono?
Si. Edita o peso, o tamaño, o espazo, a cor e os estilos relacionados no elemento e, a continuación, restablece para restaurar o orixinal.
De onde abro Google Fonts?
Cando a familia pareza que se pode buscar, utiliza a acción Fontes de Google no panel para abrir unha consulta para ese nome.