Tamaño y tipo de letra
Al utilizar el atributo CSS font-family se recomienda asegurarse que la tipografia esté disponible en todos los sistemas MAC, Windows, Linux, Unix.
Tipos de letra
Un listado de tipos de letra que varian de un sistema a otros son:
- Andale Mono
- Arial
- Arial Black
- Arial Narrow
- Book Antiqua
- Calibri
- Cambria
- Candara
- Century
- Century Gothic
- Comic Sans
- Comic Sans MS
- Consolas
- Constantia
- Copperplate
- Copperplate Gothic Light
- Corbel
- Courier
- Courier New
- cursive
- Charcoal
- Gadget
- Geneva
- Georgia
- Gill Sans
- Gill Sans MT
- Helvetica
- Impact
- Lucida Console
- Lucida Grande
- Lucida Sans Unicode
- Monaco
- monospace
- MS Sans Serif
- MS Serif
- New York
- Palatino
- Palatino Linotype
- sans-serif
- serif
- Symbol
- Tahoma
- Times
- Times New Roman
- Trebuchet
- Trebuchet MS
- Verdana
- Webdings
- Wingdings
- Zapf Dingbats
Sus variantes en cursiva son las siguientes:
- Andale Mono
- Arial
- Arial Black
- Arial Narrow
- Book Antiqua
- Calibri
- Cambria
- Candara
- Century
- Century Gothic
- Comic Sans
- Comic Sans MS
- Consolas
- Constantia
- Copperplate
- Copperplate Gothic Light
- Corbel
- Courier
- Courier New
- cursive
- Charcoal
- Gadget
- Geneva
- Georgia
- Gill Sans
- Gill Sans MT
- Helvetica
- Impact
- Lucida Console
- Lucida Grande
- Lucida Sans Unicode
- Monaco
- monospace
- MS Sans Serif
- MS Serif
- New York
- Palatino
- Palatino Linotype
- sans-serif
- serif
- Symbol
- Tahoma
- Times
- Times New Roman
- Trebuchet
- Trebuchet MS
- Verdana
- Webdings
- Wingdings
- Zapf Dingbats
Sus variantes en negrita son las siguientes:
- Andale Mono
- Arial
- Arial Black
- Arial Narrow
- Book Antiqua
- Calibri
- Cambria
- Candara
- Century
- Century Gothic
- Comic Sans
- Comic Sans MS
- Consolas
- Constantia
- Copperplate
- Copperplate Gothic Light
- Corbel
- Courier
- Courier New
- cursive
- Charcoal
- Gadget
- Geneva
- Georgia
- Gill Sans
- Gill Sans MT
- Helvetica
- Impact
- Lucida Console
- Lucida Grande
- Lucida Sans Unicode
- Monaco
- monospace
- MS Sans Serif
- MS Serif
- New York
- Palatino
- Palatino Linotype
- sans-serif
- serif
- Symbol
- Tahoma
- Times
- Times New Roman
- Trebuchet
- Trebuchet MS
- Verdana
- Webdings
- Wingdings
- Zapf Dingbats
Sus variantes en negrita-cursiva son las siguientes:
- Andale Mono
- Arial
- Arial Black
- Arial Narrow
- Book Antiqua
- Calibri
- Cambria
- Candara
- Century
- Century Gothic
- Comic Sans
- Comic Sans MS
- Consolas
- Constantia
- Copperplate
- Copperplate Gothic Light
- Corbel
- Courier
- Courier New
- cursive
- Charcoal
- Gadget
- Geneva
- Georgia
- Gill Sans
- Gill Sans MT
- Helvetica
- Impact
- Lucida Console
- Lucida Grande
- Lucida Sans Unicode
- Monaco
- monospace
- MS Sans Serif
- MS Serif
- New York
- Palatino
- Palatino Linotype
- sans-serif
- serif
- Symbol
- Tahoma
- Times
- Times New Roman
- Trebuchet
- Trebuchet MS
- Verdana
- Webdings
- Wingdings
- Zapf Dingbats
Tamaño de texto
Pero aquí no acaba todo, por que la tipografia en el diseño web no es solo el tipo de letra.
Se puede utilizar el siguiente código html para fijar los tamaños y los altos de línea en función de la fuente por defecto:
body { font-size:100%; line-height:1.125em; }
h1 { font-size:2.25em; /* 16x2.25=36 */ }
h2 { font-size:1.5em; /* 16x1.5=24 */ }
h3 { font-size:1.125em; /* 16x1.125=18 */ }
h4 { font-size:0.875em; /* 16x0.875=14 */ }
p { font-size:0.75em; /* 16x0.75=12 */ }
.bodytext p { font-size:0.875em; }
.sidenote { font-size:0.75em; }
Popularity: 55% [?]