Ya saben que en Diario THC queremos ser mucho más que un blog de recursos para diseñadores, si no que queremos apostar por las novedades que salen en la web y con las que podemos sacar partido a muchas de nuestras creaciones. Hoy particularmente les traemos a una herramienta online gratis que va a ser su aliado a la hora de identificar fuentes que se usan en la web.
Les estamos hablando del recurso Fount, que sirve para identificar las fuentes que se usan en la web. Funciona como extensión del navegador, con opciones para Google Chrome, Firefox, Safari e Internet Explorer 8+, y una vez que quieran utilizarlo tendrán que hacer click en el marcador, para luego hacer click en la parte de la web que usa determinada font para identificarla.
La verdad es que me ha parecido muy útil la funcionalidad que puede darnos Font y que resulta fundamental para ver ...
Si son de los que siempre están buscando nueva inspiración para utilizar sus fuentes tipográficas en modos diversos, hoy en nuestro blog queremos traerles unas cuantas nuevas fonts de esas que vienen con serif, lo cual de seguro que todos ya saben a que se refiere este término tipográfico, pero por si acaso no, justo a continuación les dejamos la definición que sigue:
Las gracias, serifas, remates o terminales son pequeños adornos ubicados generalmente en los extremos de las líneas de los caracteres tipográficos. También son conocidas por el término inglés como serif. Las tipografías Times, Georgia, Garamond y Courier son ejemplos de estilos de letra con esta clase de remate.
Así, una vez definido el concepto para los que andaban un poco perdidos, les recuerdo la base de mucha de la filosofía de Steve Jobs, el cual creyó que la tipografía podía serle útil el día de mañana, y así fue cuando creó todos los diseños de Apple. Y aunque no sean Steve Jobs ...
Font Comparer es un servicio gratuito que te permite comparar distintos tipos de fuentes y seleccionar la que más te guste. Puedes mostrar fuentes de Google Fonts y TypeKit con texto personalizado como cabecera y descripción.
Una vez elijas la fuente que mejor se adapte a tu proyecto podrás conseguirla añadiendo el código necesario para implementarla en tu hoja de estilos. Es muy sencillo de usar, tan sólo debes añadir un enlace al tipo de fuente en el header de tu página y luego añadirla en el CSS de tu sitio web.
Permite otras opciones de personalización en CSS, como añadir un fondo, cambiar el color de la fuente y aplicar una sombra para el texto y te mostrará automaticamente como se verá en tu página.
Puedes probar Font Comparer desde la página del proyecto y conseguir el código una vez elijas la que mejor se ...
Nos hemos encontrado con una fantástica aplicación web que te va a permitir hacer básicamente lo que propone el título del Post. Typechart Te permitirá buscar entre diferentes tipos de letra, comparar los tipos visualizándose en equipos Mac o Windows y finalmente descargar el código CSS asociado.
Normalmente comentamos que lo bueno de estas aplicaciones web o recursos online es que a partir de ofrecer servicios gratuitos te simplifican tu trabajo.
Pongamos el caso que estés en pleno desarrollo de una página web. Con esta herramienta vas a poder comparar los resultados de tu layout para equipos Mac y Windows, dicho de otra forma como se va a ver tu página en distintos equipos.
De momento incluye los tipos de letra básicos utilizados en la web, aunque es posible que se actualice con nuevos tipos. Lo fundamental con los tipos actuales es que son los predefinidos que se utilizan en internet.
Puedes experimentar tu ...
El tipo de fuente Jerash Demo nos ha gustado porque puedes mostrar un diseño caligráfico a modo de manuscrito en trabajos de imagen o logos, también para páginas web. Del autor David F. Nalle está preparada para distintas codificaciones que puedes consultar desde fonts2u.com.
La tipografía para esta letra está realizada para cada letra del alfabeto en varias codificaciones de latin. Se trata de una fuente con un buen detalle gráfico que puedes incluir en tu maletín de recursos.
Puedes descargar Jerash Demo desde fonts2u.com además de obtener toda la información sobre esta ...
Muchas veces no atendemos a este tipo de cosas que pueden beneficiar al medio ambiente, aunque en el caso de esta tipografía beneficiará nuestro bolsillo también. Ya que según su desarrollador te permitirá ahorrar un 20% de gasto en tinta de cartuchos para tu impresora.
Hablamos de Ecofont, una herramienta para diseñadores que necesiten gastar menos recursos en impresiones. Para ello Ecofont cuenta con Software dedicado además de varios tipos de fuente desarrolladas especialmente para este proposito.
Puedes acceder a su página oficial del proyecto ...
Google Font Library es un nuevo servicio de Google por el que nos permitirá darle forma a nuestro Sitio Web. Puedes elegir entre tipos de letra alojadas en servidores de Google y utilizarla para tu Sitio Web.
Como están alojadas en internet la carga de las fuentes será rápida, además de segura. Se trata de una nueva herramienta online con la que podemos contar para Diseño de páginas web.
A través de Google Font Directory podrás ver los tipos de letra que Google Propone para tu página web, además de en sus variantes, normal, negrita, italica… Para utilizarla primero la cargaremos a través de un tag link para más tarde utilizarla como una fuente estándar en nuestra página. (sigue leyendo para ver como ...
Existen auténticas investigaciones sobre el uso y la eficacia de las fuentes utilizadas en cualquier diseño. Por supuesto, en la era digital, muchas fuentes se han vuelto algo obsoletas.
Si empezamos a navegar y consultar información al respecto, leeremos en todas partes que Comic Sans es una de esas letras pasadas de moda y de las más odiadas.
¿Pero por qué, a pesar de ello, continuamos viéndola en diseños, carteles, banners, páginas web…? ¿Teorías, ideas, ...
En WebDesignDev, hemos encontrado fuentes que podrán ser utilizadas de “manera segura” con hojas de estilo CSS. Y decimos de “manera segura“, porque podrán utilizarse con la mayoría de las versiones de Windows Mac, Linux.
Es decir, que “casi todos” lo podrán ver, no importando el sistema operativo o el navegador de Internet que se utilice. Cada una de las 16 fuentes, tiene una imagen para que te des una idea de como se verá, junto con el código CSS, que podrá ser copiado y pegado a tu hoja de estilo CSS.
Impact
.classname {
color: #333333;
font-family: Impact, Charcoal, sans-serif;
}
Palatino Linotype
.classname {
color: #333333;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
Tahoma
.classname {
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
}
Century Gothic
.classname {
color: #333333;
font-family: Century Gothic, sans-serif;
}
Lucida Sans Unicode
.classname {
color: #333333;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
Arial Black
.classname {
color: #333333;
font-family: 'Arial Black', Gadget, sans-serif;
}
Times New Roman
.classname {
color: #333333;
font-family: 'Times New Roman', Times, serif;
}
Arial Narrow
.classname {
color: #333333;
font-family: 'Arial Narrow', sans-serif;
}
Verdana
.classname {
color: #333333;
font-family: ...
De vez en cuando toca ir renovando y descargando fuentes diferentes para nuestros diseños. Nuevos estilos que den ese toque fresco y de calidad.
Eso si, ponerse a buscar una fuente adecuada para un trabajo a veces es una auténtica locura. Existen miles de fuentes gratuitas en la red y es duro hacer una selección. ¡En este artículo de Smanshing Magazine se ha hecho una recopilación de nuevas fuentes increíbles!
Es recomendable que echéis un vistazo a las licencias de uso, según para que la vayáis a ...
En muchas ocasiones, establecer un diseño sobrio y elegante cuesta trabajo, sobre todo al momento de elegir una fuente. Y es que, habiendo tantas fuentes de donde elegir, la mayoría de las ocasiones no sabemos cual es la que queda mejor…
Pero la página Web Designer Ledger nos muestra 30 de las más elegantes y que nos ayudarán a darle el toque especial que nuestros trabajos y diseños necesitan. La imágen que acompaña éste post es una muestra de ello. Si estás interesado descargarlas, dirígete a Web Designer ...
Smashing Magazine acaba de realizar una recopilación de 50 tutoriales con efectos de texto en ...
Cuando quieres darle un toque personas a lo que diseñas y no sabes como, una opción válida, amena y vistosa puede ser la utilización de fuentes escritas a mano y dibujadas.
Estas fuentes se parecen a las que cualquier persona puede hacer con un boli y un papel, pero están en formato digital, por lo que no tendrás que tener una tableta gráfica para escribir en tus diseños.
Naldz Graphics hace una recopilación de más de 45 fuentes de este estilo que no tienen desperdicio. Os dejo un ejemplo de una fuente que me ha gustado para los diseños, pero podéis buscar en la página. Hay muchas y a cada cual mejor ...