es.hideout-lastation.com
Live Test Fonts en el navegador fácilmente con Font Dragr
La tipografía contribuye a la experiencia de lectura de un sitio, por lo que los diseñadores web pasan mucho tiempo buscando fuentes geniales que se adapten al diseño de su sitio web.
Aplicar una fuente personalizada en su página web requiere varios pasos. Seleccionamos una fuente, luego la convertimos a un formato compatible con Web y luego la agregamos a las reglas de estilo. Está lejos de ser efectivo, especialmente cuando tiene que repetir el proceso varias veces, con varias fuentes. Aquí hay una alternativa: Font Dragr.
Font Dragr ofrece una nueva forma revolucionaria de probar fuentes en navegadores. Simplemente arrastre la fuente desde su colección de fuentes a la página, y la fuente en esa página cambiará automáticamente a la fuente elegida. Vamos a ver.
Font Dragr es desarrollado por Ryan Seddon utilizando la regla @font-face, HTML5 Drag-n-Drop API, y también acceso fuera de línea applicationCache, que nos permite usarlo sin conexión a Internet después de una visita inicial.
Admite varios tipos de archivos de fuentes, incluidos TrueType (TTF), OpenType (OTF), Scalable Vector Graphics (SVG) y Web Open Font Format (WOFF). Usando Font Dragr, puedes probar las fuentes de dos maneras:
1. El método predeterminado
Visite FontDragr, luego arrastre y suelte su fuente en cualquier lugar de la página. Encontrarás dos pestañas: pestaña Editor y Galería .
La pestaña Editor te ayudará a probar tus fuentes en términos de:
- Comparación del tamaño del cuerpo
- Escala de grises
- Tamaño de fuente
- Muestra de texto
- Caracteres
El texto en la página es totalmente editable para que pueda probar cualquier texto que desee.
Si necesita algunas fuentes para experimentar, puede tomar cualquiera de las 9 enumeradas en la página de la Galería para experimentar.
2. Usando el Bookmarklet
Alternativamente, existe el bookmarklet para usar. Simplemente arrastre el marcador a la barra de marcadores, luego haga clic en él mientras está en una página web que desea probar. Vamos a demo esto con hongkiat.com. La siguiente captura de pantalla es el sitio antes de tomar medidas.
Después de hacer clic en el marcador, aparecerá un encabezado (ver a continuación). En el cuadro de texto Selector, puede especificar los elementos HTML sobre los que desea probar su fuente. El selector predeterminado es la etiqueta p, pero puede probar body, h1, h2, etc.
Luego, arrastre y suelte su fuente en el encabezado FontDragr.
El texto que se ve afectado cambiará automáticamente para reflejar la fuente que eligió probar. En este plano a continuación, la fuente que ha cambiado está marcada con el cuadro rojo.
El bookmarklet, lamentablemente, no funciona en Facebook ni en todos los sitios con protocolo HTTPS . Además, el encabezado que aparece solo se puede ocultar o eliminar si recarga la página web.
Además, la función de arrastrar y soltar parece funcionar solo en Firefox 3.6+ y Chrome.
Envolver
Si alguna vez usó otros servicios similares de fuentes web como FontFonter, FontFriend, Web Fonts Preview o FontPrep (solo para Mac), probablemente encontrará que Font Dragr es el más completo y fácil de usar. Pero no confíe en nuestras palabras, pruébelo y déjenos un comentario sobre cómo la aplicación funcionó (o no) para usted.
19 Guiones de Google Apps para usuarios de Pro Gmail
Las secuencias de comandos de Google Apps lo ayudan a hacer cosas en la plataforma de Google que de otro modo serían imposibles sin escribir grandes cantidades de código . Es un lenguaje fácil, amigable para principiantes, similar a JS que se ejecuta en la nube y le permite codificar, crear secuencias de comandos y automatizar los servicios de Google .Gm
9 sitios para crear su propia portada de revista
Si alguna vez quisiste poner tu cara en una portada de revista, podrías hacerlo con Photoshop, pero necesitarías habilidades por supuesto. Por otra parte, ¿por qué pasar por el problema cuando puede crear uno bastante rápido con la herramienta en línea correcta? He encontrado alrededor de 9 de esas herramientas que puedes utilizar para crear portadas de revistas, con poca o ninguna habilidad de diseño.Ya sea
