Dragonflight Pro Font

Dragonflight Pro font

↓DESCARGA AQUI↓ 

Dragonflight Pro is a script collection of four modern calligraphy fonts. Each glyph was hand-drawn with a brass folded pen dipped in ink. The tip of the folded pen resembles the shape of a dragonfly’s wing, hence the name. By tilting the pen variations in line width are made. This produces fun, expressive letters with a spontaneous personality.


The regular and rough version of Dragonflight Pro have alternate glyphs that can either be accessed by the swashes feature, stylistic set 1, or the glyphs panel, depending on the application you are using. There are lots of discretionary ligatures that offer even more variation. By typing _1 to _10 you can access bonus swashes that are part of Dragonflight Pro Regular and Rough. Both fonts have 567 glyphs.


Dragonflight Pro Sans is an all caps font with 402 glyphs, also hand-drawn with the folded pen, that compliments the other styles perfectly.


Dragonflight Pro Extra offers an additional 117 swashes, doodles and ink splatters. With Discretionary Ligatures activated you can type an underscore in front of a letter and (when available) this gives you the rough version of the glyph.

Clasificación tipográfica: Sans Serif

 Clasificación tipográfica: Sans Serif

 En tipografía, un tipo de letra paloseco, de palo seco, sans serif o sin remates es aquel que en cada carácter no tiene unas pequeñas terminaciones llamadas remates, gracias o serifas.

Las letras de palo seco se usan normalmente para titulares pero no para cuerpos o bloques de texto grandes; los remates ayudan a guiar la mirada a través de toda la línea de texto; la falta de gracias en los tipos de letra de palo seco obliga a esforzar mucho más la vista al leer grandes bloques de texto. Sin embargo, cuando se lee con tipos de letra paloseco en una pantalla, la pixelación logra que estas 
se vean mucho más limpias que las tipografías con remates, por lo que es mucho más recomendable utilizar bloques de texto con tipos de letra sin remates en las pantallas.
Antiguamente, los tipos de letra de palo seco se usaban en los libros para hacer énfasis en una palabra debido a la mancha tipográfica mucho más oscura que dejan.

Dependiendo del soporte donde se muestren los textos, es conveniente utilizar o no el tipo de letra sin remates. Así, en un formato digital, donde el ojo humano debe leer sobre una pantalla iluminada, emplearemos un tipo de letra de palo seco para evitar sobrecargar o cansar la vista y facilitar la lectura. Por el contrario, si el soporte es papel, la elección correcta será una tipografía con remates.

Clasificación 

Generalmente, los tipos de letra sin remates están divididos en cuatro grandes grupos:

Grotescos (Akzidenz Grotesk, la Royal Gothic) son los diseños más antiguos.

Neo-grotescos o de transición (Helvética, Frutiger, Univers) son diseños de la segunda mitad del siglo XX. Presentan trazos con modulaciones y una construcción dúctil y dócil, resultado de cuidadas correcciones ópticas. Es en general el grupo de tipografías de palo seco más utilizado para textos cortos y medianos. Por su buena legibilidad se consideran los más apropiados para ser empleados en señalizaciones. Los tipos de transición algunas veces son llamados "sans-serif anónimas" debido a su relativa neutralidad visual.

 Humanistas (Optima, Gill Sans, Britannic). Presentan modulaciones en sus trazos, aunque puede existir o no diferencia entre ellos. Se consideran las de mejor rendimiento de lectura entre las tipografías de palo seco.
  
Geométricas (Gotham, Futura, Century Gothic). Como su nombre indica, los tipos de palo seco geométricos están basados en formas geométricas básicas como el círculo, el cuadrado o el triángulo. Es común encontrar en este grupo, la perfecta redondez de la O y la sencilla construcción de la a minúscula. No son apropiados para bloques de texto.

 

Concepto de tipografía, familia y fuentes tipográficas

Concepto de tipografía, familia y fuentes tipográficas

 Tipo es igual al modelo o diseño de una letra determinada.

Tipografía es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.

Fuente tipográfica es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Familia tipográfica, en tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una família se parecen entre sí pero tienen rasgos propios.

Partes de un caracter

 

Altura de las mayúsculas: Es la altura de las letras de caja alta.

Altura X: Altura de las letras de caja baja, las letras minúsculas, excluyendo los ascendentes y los descendentes.

Anillo: Es el asta curva cerrada que forman las letras "b, p y o".

Ascendente: Asta que contiene la letra de caja baja y que sobresale por encima de la altura x, tales como las letras "b, d y k".

Asta: Rasgo principal de la letra que la define como su forma o parte mas esencial.

Astas montantes: Son las astas principales o oblicuas de una letra, tales como la "L, B, V o A".

Asta ondulada o espina: Es el rasgo princial de la letra "S" en mayúscula o "s" en minúscula.

Asta transversal: Rasgo horizontal de las letras "A, H, f o t".

Brazo: Parte terminal que se proyecta horizontalmente o hacia arriba y que no se encuentra incluida dentro del caracter, tal como se pronuncia en la letra "E, K y L".

Cola: Asta oblicua colgante que forman algunas letras, tales como la " R o K ".

Descendente: Asta de la letra de caja baja que se encuentra por debajo de la línea de base, como 
ocurre con la letra "p y g".

Inclinación: Ángulo de inclinación de un tipo.

Línea base: La línea sobre la que se apoya la altura.

Oreja: Es la terminación o terminal que se le añade a algunas letras tales como "g, o y r".

Rebaba: Es el espacio que existe entre el caracter y el borde del mismo.

Serif, remate o gracia: Es el trazo o termina de un asta, brazo o cola.

 

 

¿Sabes que son las Web Fonts y para que sirven?

 ¿Sabes que son las Web Fonts y para que sirven?

 ¿Te acuerdas de esos momentos en que las fuentes tipográficas estaban super limitadas a la hora de desarrollar una página web? En aquel entonces sólo podías usar las que por defecto estaban instaladas de manera universal en los ordenadores de hace 5 años, es decir, las llamadas Fuentes Seguras, Georgia, Times New Roman, Andale Mono, Arial, Verdana...  incluso la “polémica por muchos diseñadores” Comic Sans. Sin embargo el lío no terminaba aquí ya que depende del sistema operativo del ordenador, cuando navegabas por una web te cambiaba la fuente por defecto, así que para asegurar la mejor experiencia web al usuario, debías asignar “Fuentes Secundarias” o “Fuentes de Respaldo” es decir, las fuentes más parecidas a la utilizada en el maquetación original de la web para que todos los usuarios puedan visualizarla de la manera más estándar posible.

Me acuerdo que era muy incómodo, me costaba mucho comprender cómo era posible que para desarrollar una estrategia de comunicación online tenías que estar tan escaso de recursos tipográficos. Era un dolor de cabeza, para que te hagas una idea, poder maquetar un titular con una tipo diferente a las fuentes seguras (por ejemplo la Helvética Neue Thin) debía usarla como imagen. Así que íbamos alternando imagen con texto constantemente. Sin embargo, la maquetación se hacía engorrosa, sin contar que la web aumentaba el peso provocando una carga más lenta. Recuerdo que esto me causaba varias discusiones con el programador web. Menos mal que para nuestra salud mental esta limitante ya forma parte del pasado.

Hoy en día existen un tipo de fuentes estandarizadas y de muy alta calidad para el desarrollo de páginas web llamada @font-face. Ahora es el servidor quien proporciona la tipografía que necesitemos utilizar y el navegador es quien se encarga de mostrarlas adecuadamente (Chrome, Firefox, Internet Explorer, Opera y Safari). Gracias a ellas ya no hay que depender de las fuentes que tenga instaladas el ordenador del usuario. Son tipografías gratuitas y de código abierto. Se llaman Web Open Font Format (WOFF) y se emplean incrustadas en las hojas de estilo (CSS) como @font-face.

Google tiene un excelente catálogo gratuito con más de 600 fuentes disponibles para el desarrollo de páginas web llamado Google Fonts. Sin embargo y para no quedarnos cortos, aquí te dejo el link de una plataforma donde podrás encontrar de manera clara, sencilla y ordenada la fuente que más se adecue a tu proyecto web. Se llama Best Web Fonts y por fortuna también es gratis.

Diferencias entre Serif y Sans Serif

Tipografías tipo Serif

Si algo sabemos de este tipo de tipografías, es que son las “modernas más antiguas”, se han utilizado desde la antigüedad y el inicio de las impresiones y son las características de la prensa escrita y la literaria. Las serifas nos ayudan a no perder el hilo del texto y marcar en cierta medida la línea a seguir.

A modo de recordatorio diremos que la “serifa” son las volutas o adornos decorativos que aparecen en cada una de las letras de este tipo. Dentro del grupo son distintas entre sí, ya poseen diferentes estilos que las hace diferenciarse entre ellas. Normalmente se caracterizan por ser unas tipografías con elegancia y estilo.

También me gusta comentar mi opinión sobre que Microsoft le hizo “un poco de daño” a la Times New Roman al incluirla como predefinida en el Word. Durante mucho tiempo fue la tipografía más usada lo que trajo consigo un periodo de barbecho en el que se le tomo “cierta manía” a este tipo de tipografías. Por suerte, esto ya lo hemos dejado atrás! 

Tipografías tipo Sans Serif

Se considera el tipo más moderno. En la actualidad en la que nos desprendemos de lo accesorio y solemos quedarnos solo con lo funcional (como ocurre en el flat design), es fácil pensar que es una tipografía mas actual, cuyos bordes son simples.
Un tipo minimalista que puede parecer que da lugar a una lectura más clara y legible, pero que no tiene por qué ser así. Se suele pensar que tiene un aire más juvenil.

Sans Serif digital/Serif impreso

Es cierto que las tipografías Serif son aun hoy en día las más usadas en los formatos que van a ser impresos, pero poco a poco se van introduciendo las tipografías Sans Serif que cumplen la máxima que todo texto que ha de ser leído debe cumplir: la legibilidad.

De la misma manera, aunque las Sans Serif han sido usadas para aquellos formatos cuyo formato se leerá a través de una pantallas, la flexibilidad ha aumentado. Antes la calidad de las pantallas era mucho peor y puede que las volutas complicaran la buena lectura de las mismas, pero en la actualidad ya se ha superado esa brecha.

Las tipografías Sans Serif son mas informales.

Puede ser que esto venga ocasionado por la antigüedad de las Serif. Al haber sido usada para un tipo de documentos que se pudieron considerar “más serios” en la época, se ha podido transmitir la sensación que las “sans serif” han quedado relegadas a documentos de carácter informal, sin embargo no es así.

Esta queda lejos de la realidad, las tipografías Sans Serif suelen tener un carácter flexible que las hace perfectas para combinar con otras tipografías. Si te parece que la tipo que has elegido es un tanto informal, combínala con otra que le dé algo de calidez o elegancia.
Por norma general combinan muy bien con las serif, y estas combinaciones son en muchos casos perfectas para aplicar el carácter que estamos buscando.

Convertir una Tipografía en Web Font o Fuente web

Convertir una Tipografía en Web Font o Fuente web

Muchas fuentes de escritorio suelen estar disponibles en su versión de fuente web, y también de forma viceversa. Un ejemplo de esto son las Google Fonts, un paquete de Web Fonts servidas por Google, donde se permite la descarga para fuente de escritorio (siempre hay unas ligeras variaciones, casi inapreciables), y para su uso como web font dentro de una página web.

En caso de que esto no sea así, hay herramientas para convertir una fuente de escritorio a una webfont (y también viceversa). 

El que mejor resultados y opciones ofrece es el conversor de Fontsquirrel. El resultado es bastante similar a la fuente de escritorio, aunque tendremos que ajustar los tamaños posteriormente en el CSS (podemos dar una fuente como referencia para la altura de la misma).

No todas las fuentes de escritorio son convertibles a WebFonts. La mayoría de ellas por derechos de comercialización. Este es el caso de algunas fuentes que vienen con Windows, cuyos derechos pertenecen a Microsoft, y que parece tienen limitada su uso como webfont.

Fuentes Web y Fuentes de Escritorio

Fuentes web vs Fuentes de escritorio: Formatos y usos

La diferencia fundamental entre una fuente de escritorio o Desktop Font y una fuente web o Web Font radica en que la primera está diseñada para instalarse en nuestro ordenador y está preparada para usarse en aplicaciones también instaladas en nuestro sistema (como Word, Photoshop, Illustrator..). Suelen tener una extensión .otf, .ttf, or .ps1, que corresponden con OpenType, TrueType o PostScript.

Por otro lado, una fuente web o Web Font, es una fuente especialmente diseñada para su uso en páginas web, y son cargadas mediante CSS por la declaración @font-face. Esto hace que el navegador del usuario o visitante se descargue la fuente web y pueda renderizar los textos de forma correcta.
Una fuente web se suele servir en cuatro formatos, TrueType, WOFF, EOT y SVG. Solo con los cuatro formatos se consigue una compatibilidad aceptable entre navegadores, ya que cada navegador utiliza un formato 

Otra característica muy importante acerca de las tipografías en diseño web: las fuentes web no se pueden instalar en el sistema para usarlas en aplicaciones y lo mismo sucede de forma inversa. Son formatos diferentes.

Existen no obstante una serie de fuentes llamadas estándar o “Safe WebFonts”, que con solo declararlas en el CSS son renderizadas de forma correcta. No es necesario ningún tipo de archivo TrueType, WOFF, EOT ni SVG. Pero la lista es corta y limitada:

Georgia
Palatino Linotype
Book Antique
Times New Roman/Times
Arial/Helvetica
Comic Sans
Impact
Lucida Sans Unicode/Lucida Grande
Tahoma/Geneva
Trebuchet
Verdana
Courier New