Página principal » Caja de herramientas » Detecta la cara de la fuente fácilmente con Fontface Ninja

    Detecta la cara de la fuente fácilmente con Fontface Ninja

    Si se topa con una fuente que desea adoptar para su propio uso, la forma más común de obtener información sobre esa fuente es utilizar la opción Inspeccionar elemento que se encuentra en el navegador Chrome..

    Básicamente, mientras estamos en Chrome, resaltamos el texto y hacemos clic derecho para seleccionar Inspeccionar elemento. Luego podemos ver todo el código CSS relacionado con el texto resaltado..

    Sin embargo hay un problema. Como puede ver en la segunda imagen, el texto resaltado se estiliza con muchos selectores. Para revisarlos todos uno por uno, tomará un tiempo.

    Usando Fontface Ninja para detectar la fuente

    Aquí es donde Fontface Ninja entra. Es una extensión de navegador que te ayuda identificar una fuente por nombre. Y todo lo que tiene que hacer es desplazarse sobre la fuente que le interesa. Además del nombre de la fuente, Fontface Ninja también le ofrece tamaño y Espaciado entre líneas también.

    Otra característica de Fontface Ninja que puede ser útil es la capacidad de ocultar imágenes y anuncios para que pueda centrarse en las fuentes sin interrupciones. El complemento también te permite probar una fuente, y si te gusta comprar o descargar la fuente.

    Instalación de Fontface Ninja

    Puede descargar Fontface Ninja para usar en el navegador de su elección..

    • Cromo
    • Safari

    Usando Fontface Ninja

    Una vez instalada, aparecerá el ícono de la aplicación de un ninja saltador cerca de la barra de direcciones del navegador. Haz click en él para activarlo. Ahora usted puede desplazarse sobre cualquier texto en una página web para obtener información sobre herramientas que muestra información sobre la fuente.

    Para probar la fuente, Haz click en eso, y el logotipo de FontFace Ninja se desplazará hacia la izquierda, dándole espacio para escribir y probar la fuente que eligió. Tú también puedes ajustar el tamaño de la fuente.

    Para ocultar todas las imágenes para que pueda concentrarse únicamente en la tipografía, haga clic en Máscara opción, que está al lado de Cerrar. Todo detect-font-fontface-ninja / se ocultará de la vista.

    Relacionado - Fuentes de prueba en vivo en su navegador

    Si te gusta Fontface Ninja, probablemente te encantaría Fuente Dragr. Anteriormente escribimos sobre cómo es una herramienta útil para ayudar a desarrolladores como usted a probar fuentes en vivo en un navegador simplemente arrastrando la fuente a la página web en sí..

    Echa un vistazo a más sobre cómo puedes vivir las fuentes de prueba con Font Dragr.