Está en la página 1de 25

Diseo Web y Composicin Digital

Tipografas Web
9 Tipografas seguras
Tipografas instaladas en
Windows y Mac OS

Arial
Arial Black
Comic Sans MS
Georgia
Impact
Times New Roman
Trebuchet MS
Verdana
Anatoma de una letra
Prueba Tipografa
1 Lnea Base

9 Anillo
1

2

3

4

5

6

7

8

9

10

11

12

2 Altura

3 Hueco

4 Barra Transversal
5 Remate
6 Lnea Media

7 Fuste

8 pice

10 Descendente
11 Ascendente

12 Serif

Prueba Tipografa
Serif
Aumenta legibilidad en
bloques generales de texto
al proporcionar lnea
horizontal
Fuentes serif modernas
son ms tiles en ttulos
Transiciones suaves a
fuertes, serif redondeados
a ms rectos
Vogue, Brides y Harpers
Bazaar

Garamond
Baskerville
Georgia
Rockwell
Sans Serif
Aparecidas en 1800
Ms legibles a tamao
pequeo
Impreso: Titulo sans serif,
cuerpo serif
Web: opuesto
Arial: genrica, sin voz,
perfecta para cuerpo de
texto

Arial
Calibri
Helvetica
Verdana
Escritas a mano
Smbolo de humanidad
Personalidad tangible
Baja legibilidad
Brush Script Std
Edwardian
Script
Handwriting
Dakota
Lucida
Handwriting
Novelty
Decorativas
Menos legibles
Aaden gran personalidad
y estilo al diseo
Mesquite
Std
Rosewood
Matura
Herculanum
dingbat
Carcteres ornamentales
que se usaban para
separar texto
La mayora tienen un tema
Webdings
Webdings

Wingdings
Wingdings
Wingdings
wingdings
ARCADE
Otras caractersticas
ALTAS bajas
Tamao
Peso:
Bold
Light
Estilo
Itlica
Oblicua


Decorado:
Subrayado
Overline
Tachado
Blink
Espaciado de Texto
Horizontal
Kerning: espacio
entre letras
particulares
Tracking: Espacio
entre letras en
general
Alto de lnea: Altura
del texto


CCS
Letter-spacing
Word-spacing
Text-align
Line-height
Text-indent

Font-family
Font-variant
Font-weight
Font-style
Font-size
Text-transform
Text-Decoration

Cmo seleccionar fuentes?
Diseo Web
Diseo Web
Diseo Web
Diseo Web
Diseo Web
Diseo Web
Diseo Web
Diseo Web



Diseo Web
Diseo Web
Diseo Web
Diseo Web
Diseo Web
Diseo Web
Diseo web
Diseo Web




Tipografa
Tipografa 2


Texto Font
Lorem ipsum dolor sit amet
Arial
Lorem ipsum dolor sit amet
Arial Black
Lorem ipsum dolor sit amet
Bookman old style
Lorem ipsum dolor sit amet
Comic Sans MC
Lorem ipsum dolor sit amet
Courier
Lorem ipsum dolor sit amet
Courier new
Lorem ipsum dolor sit amet
Garamond
Lorem ipsum dolor sit amet
Georgia
Lorem ipsum dolor sit amet
Impact
Lorem ipsum dolor sit amet
Lucida console
Font = imgenes
sIFR
Scalable Inman
Flash Replacement
Fuentes en
cabeceros usando
Flash y Javascript
http://www.mikeindustries.com/blo
g/sifr