CSSBlog ES » tipografía

7 libros digitales gratis sobre tipografía

Pedro CM — Tue, 08 Feb 2011 16:00:06 +0000

Es importante, para un diseñador web, conocer todos los elementos que conforman los sitios web. Es recomendable tener buenos conocimientos sobre tipografía, por ejemplo. Aquí he recopilado una lista de libros digitales (ebooks) gratuitos que pueden ayudarte a perfeccionar tus técnicas de tipografía.

Meet Your Type

Meet Your Type te ayudará a resolver obstáculos comunes con la tipografía.

Better Font Stacks

Una comparación comprensiva de varios grupos de tipografías.

The Typographer’s Glossary

The Typographer’s Glossary es un glosario de términos relacionados con la tipografía.

The Elements of Typographic Style Applied to the Web

Este ebook te ayuda a entender la tipografía usando al mismo tiempo técnicas disponibles con CSS y HTML.

Type Classification

Este libro es muy útil para clasificar tipografías y aprender sobre ellas.

The Right Font for the Job

Este ebook te ayudará a elegir la tipografía comparando las 4 maneras en las que se puede diferenciar.

The Vignelli Canon

Un libro de 96 páginas para ayudarte a entender mejor la tipografía en el diseño gráfico.

Vía | WDL

Contenido exclusivo para los suscriptores del Feed RSS

¡Gracias por seguirnos cada día!. Tu fidelidad será premiada con contenidos exclusivos. Hoy puedes descargar:

20 iconos futuristas

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

40 tipografías digitales para banners con diseño LED

Libros interesantes sobre el diseño web

Bonitos ejemplos sobre tipografía adornada con flores

Bonitos ejemplos de grabado de tipografía en el diseño web

Pedro CM — Tue, 06 Oct 2009 05:00:16 +0000

Existen muchas técnicas para poder adornar la tipografía de nuestro sitio. Una de ellas es el grabado de tipografía, un efecto para grabar la tipografía en una superficie, que también podemos crear con CSS3. Cuando esta técnica se usa de forma adecuada, nuestro sitio lucirá original y agradable a la vista. Tener inspiración para desarrollar esta técnica no viene mal, así que os mostraré a continuación una lista de bonitos ejemplos de grabado de tipografía:

1. Epic Event

2. Remix Creative

3. Show & Tell

4. Graphik

5. 365 Days of Astronomy

6. Owltastic

7. Sarah Longnecker

8. Mike Matas Blog

9. For A Beautiful Web

10. MetaLab

11. Helmy Bern

12. NOSOTROS

13. Campaign Monitor

14. Thuiven

15. Apple

16. Postbox

17. Digimurai

18. Common Good Radio

19. Marc Mendell

20. 280 Slides

21. Deaxon

22. Bohemian Coding

23. Bravura Coaching & Image

Vía | Sixrevisions

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

30 ejemplos sobre bonitos diseños de logotipos

Bonitos ejemplos sobre tipografía adornada con flores

Grabado de texto con CSS

104 tipografías gratis para diseñar sitios y logotipos

Pedro CM — Fri, 18 Sep 2009 05:00:16 +0000

Si ya os habéis aprendido la guía para diseñar el logotipo correcto, estaréis buscando fuentes para ver cuál le pega más. O, puede que simplemente estéis buscando fuentes para algún proyecto. Esta entrada os ayudará en el proceso de creación de un logotipo y a elegir la correcta fuente para vuestro proyecto. Os mostramos una gran cantidad de tipografías a continuación (Si deseas más artículos como este, puedes suscribirte por RSS, correo electrónico, Twitter o Facebook. Existen más artículos como este sobre fuentes):

01. 28 Days Later

02. AB Exp

03. ABC

04. Advent

05. Alexandria FLF

06. Aller

07. Anivers

08. Athena Unicode

09. Aubrey

10. Audimat

11. Baar Metanoia

12. Bienetresocial

13. Birra Stout

14. Bitstream Vera Serif

15. Bobel

16. Bodoni XT

17. Caitlyn

18. Cardo

19. Cicle

20. Colaborate

21. Com4T Fine Regular

22. Contempory

23. Covington

24. Day Roman

25. Delicious

26. Diavlo

27. Dubiel

28. Duepuntozero

29. Dustismo Roman

30. Eight One

31. Engel Light Ltd

32. Estrya’s Handwriting

33. Eurofurence

34. Evolution

35. Existence

36. Fertigo Pro

37. FF MT

38. FFF Tusj

39. Fontin

40. Fontin Sans

41. Galileo FLF

42. Gentium

43. Geo Sans Light

44. Ginga

45. Grandesign

46. Greyscale Basic

47. Grunge Serifia

48. InDEAL regular

49. Journal

50. JustOldFashion

51. Justus

52. Kontrapunkt

53. Kraboudja

54. Lacuna

55. Liberation Serif

56. Liberation Sans

57. Lido STF

58. Loveable Scruff

59. Mank Sans

60. Marketing

61. MEgalopolis Extra

Descargar fuente

62. MG Open Cosmetica

Descargar fuente

63. MG Open Moderna

Descargar fuente

64. Mia’s Scribblings

65. Mido

66. Miso

67. Museo

68. Myndraine

69. Nadia Serif

70. NeoRetroDraw

71. Often

72. Oregon LDO

73. Oxford

74. Pigiarniq Inuktitut

75. PlagueDeath

76. Pointy

77. Portland LDO

78. Qlassik

79. Quicksand

80. Reminga OT

81. Sansation

82. Semplice Pixelfonts

83. Scriptina

84. Silkscreen

85. Sketch Rockwell

86. Sketchy

87. Slab Tall X

88. S.O.T.D.

89. Staubiges Vergnügen

Descargar fuente

90. Steiner

Descargar fuente

91. Sunday Morning Garage Sale

92. Tallys

93. Timeless

94. Trashco

95. Trashed

96. TypoLatin

97. Ubuntu title

98. UglyQua

99. Universal Fruitcake

100. Urban Sketch

101. Vegur

102. Vollkorn

103. Walkway

104. Yanone Kaffeesatz

Descargar fuente

Referencias de fuentes gratis

Vía | Instantshift

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

Novedosas tipografías gratis para diseñar sitios y logotipos

16 tipografías estándares para usar con CSS

15 elegantes tipografías ligeras y gratis

32 tipografías para diseños impactantes

Pedro CM — Fri, 11 Sep 2009 07:00:41 +0000

En este recopilatorio se muestran una gran cantidad de fuentes para ser usadas en diseños impactantes. Si tienes un proyecto de este tipo, te serán muy útiles:

Hawaii Lover ↓

Hawaii Killer ↓

Jamaistevie ↓

Ginga ↓

Dirty English ↓

Jo Wrote A Lovesong ↓

Fail ↓

Agressive Angry Baby Killer ↓

El Font Brush ↓

Dark Flame ↓

Bruised ↓

Grunge ↓

Pulse Sans Virgin ↓

Docteur Atomic ↓

Phorssa ↓

Fluoxetine ↓

Staubiges Vergnügen ↓

Insert Your Name Here ↓

Horros ↓

Broken Record ↓

Trashco ↓

A Bite ↓

Ascent 2 Stardom ↓

Defused ↓

Cocaine Sans ↓

Screamo ↓

Dead Secretary ↓

Jellyka Evan & Estrya ↓

Got Heroin? ↓

Chic Decay ↓

Splinter 2 ↓

Cocaine Nosejob ↓

Vía | Spyrestudios

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

50 fuentes Grunge extremas

11 tipografías gratis para diseñar tu sitio web

Las 21 tipografías más usadas por los diseñadores profesionales

Tipografías gratis profesionales y populares

Pedro CM — Thu, 10 Sep 2009 05:00:56 +0000

Existen muchas clases de tipografías y para muchos propósitos: para impresionar al lector, relajarlo… Aquí os mostraré un recopilatorio de tipografías de alta calidad para usar en proyectos creativos, profesionales… Son gratis, pero antes de usarlas, lee la licencia de cada autor:

1. Just Old Fashion

2. Kontrapunkt

3. Sovereign Regular

4. Geo Sans Light

5. Apogee Rounded Sans Beta

6. Nordic

4 font variations here in separate download files.

7. Existence Light

8. Lacuna

9. WalkWay

10. Kawoszeh Medium

11. Tallys

12. Jacks Font

13. Birdman

14. Gauntlet

15. Aldo Semi Bold

16. TYPORM01 Round ans Square

17. Vintage

18. Edifice

19. Goca Logotype

20. MDRS-FD01 Font

21. Confection

22. Parallello Font

23. AvantGarde ALT

24. ABC – Font Typeface Version 2

25. Knarf Art Font

26. Miso

27. Blackout

28. Vollkorn

29. Colaborate

30. Ubuntu Title

31. Tittilium

32. Ferrum

33. Tenderness

34. SquareTypeB

35. Philosopher

36. Graublau Sans

37. Deja Vu

38. Madame Butterfly

39. Alexandria

40. Aubrey

41. Special K

42. BienetreSocial Font

43. Champagne & Limousines

44. Velocity Font

45. More Folks

46. Mayberry™ Pro Semi Bold font

47. Serif Beta

48. Yanone Kaffeesatz

49. Cardo

50. Capricorn OSF

51. Molot

52. Myndraine

53. Justus Font

54. Day Roman

55. Bitstream Vera

56. Synthetique

57. Amputa Bangiz Standard TTF

58. Karabine

60. Capture IT

61. VAL Font

62. Exus Pilot

63. VTKS Revolt

64. MadreDeus

65. Angelina

Vía | 1webdesigner

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

Las 21 tipografías más usadas por los diseñadores profesionales

15 elegantes tipografías ligeras y gratis

Pack de 17 fuentes profesionales gratis

40 tipografías de dibujos animados y cómics

Pedro CM — Sun, 06 Sep 2009 06:00:46 +0000

Existen muchas clases de tipografías: profesionales, limpias, para encabezados… Esta vez quiero mostraros otra clase de tipografías, sobre dibujos animados y cómics. Seguro que si vuestro proyecto está relacionado con esa temática, las encontraréis útiles:

1. Que FONTita!

2. Oogie Boogie

3. Pokémon

4. Clink Clank

5. Denne’s Aliens

6. Fighting Spirit

7. Eyesis

8. akaHoggle

9. Altamonte

10. Burrito

11. BabOonjaZzbaSsoOn

12. Cactus Sandwich

13. Cosmic Dude

14. Crazy Beaver

15. Candy Time

16. Chubby Cheeks

17. Bharatic

18. Bayou Cowboy

19. Gwibble

20. LoOse Gangster

21. Fire Wood

22. Bungnipper

23. Chlorinar

24. Army Beans

25. Ice Age

26. Snot

27. SharKbait

28. Broken Toys

29. Fontdinerdotcom Sparkly

30. Knuffig

31. Space Pontiff

32. Umberto

33. Chizzler

34. Mickey

35. Smartie

36. Bigattino

37. Taxidermist

38. MTF Scribblie

39. Letras Locas

40. Brown Bear Funk

Vía | WDBooth

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

Tipografías gratis de alta calidad

Descarga cientos de tipografías @font-face gratis

Bonitos ejemplos de grabado de tipografía en el diseño web

Tipografías gratis de alta calidad

Pedro CM — Sun, 16 Aug 2009 09:28:02 +0000

Os he mostrado una gran cantidad de tipografías gratuitas, pero, nunca está mal tener más a mano. Las tipografía juegan un papel fundamental en el diseño, y aplicarlas correctamente o no garantizará nuestra correcta accesibilidad y usabilidad. Os muestro a continuación el listado de tipografías gratuitas:

01. Ripe

Descargar tipografía

06. Days

Descargar tipografía

07. Aller sans

Descargar tipografía

08. Galette

Descargar tipografía

09. Apparatus SIL

Descargar tipografía

10. Comitto (Registro necesario)

Descargar tipografía

11. Sapir

Descargar tipografía

12. FILE

Descargar tipografía

13. Latinia

Descargar tipografía

14. Elspeth (Registro necesario)

Descargar tipografía

15. FF Dagny Thin (Registro necesario)

Descargar tipografía

16. Tenby

Descargar tipografía

17. Metro

Descargar tipografía

18. Dagny OT

Descargar tipografía

19. CP Mono Beta

Descargar tipografía

20. Chaos Math

Descargar tipografía

21. Mentone

Descargar tipografía

22. Vollkorn

Descargar tipografía

23. Luxi Serif

Descargar tipografía

24. Tiza

Descargar tipografía

25. attempa (Registro necesario)

Descargar tipografía

26. Anivers

Descargar tipografía

27. FF Mt

Descargar tipografía

28. Tiresias

Descargar tipografía

29. Happy Phantom

Descargar tipografía

30. candice

Descargar tipografía

31. Sedona Script

Descargar tipografía

32. vanilla font

Descargar tipografía

33. Foldstruct (Registro necesario)

Descargar tipografía

34. Bola

Descargar tipografía

35. Chilly Font

Descargar tipografía

36. Tex Gyre Termes

Descargar tipografía

37. Wipeout HD+Fury Font

Descargar tipografía

38. Potato

Descargar tipografía

39. Skooper

Descargar tipografía

40. chewedkandi

Descargar tipografía

Vía | Instantshift

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

Nuevas tipografías gratis de alta calidad (II)

Nuevas tipografías gratis de alta calidad

Descarga cientos de tipografías @font-face gratis

Tipografías usadas en populares grupos de bandas

Pedro CM — Tue, 04 Aug 2009 14:45:46 +0000

Existen muchas tipografías famosas, pero si encima son usadas por un grupo muy popular, entonces la cosa cambia y adopta un sentido todavía mayor. Las tipografías han llevado a que muchos grupos musicales sean reconocidos. Algunos utilizan tipografías peculiares para llamar la atención y ser únicos. Si alguien quiere inspirarse con tipografías, con este listado que os mostramos a continuación podrá obtener un gran nivel de inspiración:

The Beatles – Bootle

KISS – Die Nasty

Linkin Park – Futura Extra Bold (Modified)

My Chemical Romance – The Chemical Parade

Green Day – Breakdown

Weezer – Century Gothic

Slipknot – Sickness

Sex Pistols – Sex Pistols

The Doors – Densmore (Modified)

Iron Maiden – Metal Lord

ACDC – Squealer

Deftones – Ribbon

Daft Punk – Daft Font

Black Flag – Friz Quadrata

Evanescence – Evanescent

The Ramones – Franklin Gothic Heavy

Misfits – Misfits Font

Rolling Stone (The Magazine) – Royal Acid Bath

Rock Band – Avant Garde Family (Modified)

Vía | Buildinternet

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

Las 21 tipografías más usadas por los diseñadores profesionales

Crea mejores grupos de fuentes CSS con Code Style

Tipografías gratis profesionales y populares

Bonitos ejemplos sobre tipografía adornada con flores

Pedro CM — Fri, 31 Jul 2009 05:00:02 +0000

La técnica “floral” es una técnica que puede resultar muy bonita, ya que se adapta perfectamente con la tipografía que tengas. Son muchos los ejemplos que se pueden ver hoy por hoy en los diseños de blogs y sitios web relacionados con la tipografía floral. Un ejemplo claro de ello es, Webdesignerwall. El diseño de Webdesignerwall es impactante y atractivo. Si buscas un diseño parecido a este, en esta entrada os ofrecemos una gran variedad de bonitos ejemplos sobre la tipografía adornada con flores. Que los disfrutéis:

Logan

D+G Vector and Drawing

Decogrunge Type Treatment

Designers don’t commit crimes

A1 paper cut illustration

Using mixed media

Christmas present – SiScott style

Tipo 04

MT Ornamental Type Design

Graphic Design Everywhere

Chanel 4 25th Anniversary Book

Type

Tipografía sobre tutoriales

Create a 3D Flowery Text Effect

Stylish Floral Typography

Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Create a Spectacular Grass Text Effect in Photoshop

Super Cool Frilly Bits Typography

Old School Type – Line Gradients

Dynamic Recessed Watercolor Typography in Photoshop

How to Create a Richly Ornate Typographic Illustration

Vía | SmashingMagazine

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

Bonitos ejemplos de grabado de tipografía en el diseño web

30 ejemplos sobre bonitos diseños de logotipos

14 impresionantes efectos de tipografía con Photoshop

16 tipografías estándares para usar con CSS

Pedro CM — Sat, 25 Jul 2009 06:00:25 +0000

Muchas veces encontramos tipografías, decimos, “son muy bonitas”. Pero a la hora de usarlas en el blog/sitio web nos llevamos una decepción. Y es que se ven distintas según el sistema operativo que utilicemos. Para evitar esto aquí os dejamos algunas tipografías estándares, con una comparativa de cada fuente estándar por sistema operativo que podéis ver en la ilustración del principio de la entrada. Si conoces otras, por favor, ponla en los comentarios.

Os mostramos el código CSS de las tipografías estándares:

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: Verdana, Geneva, sans-serif;
}

Copperplate Gothic Light

.classname {
color: #333333;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}

Lucida Console

.classname {
color: #333333;
font-family: 'Lucida Console', Monaco, monospace;
}

Gill Sans

.classname {
color: #333333;
font-family: Gill Sans / Gill Sans MT, sans-serif;
}

Trebuchet MS

.classname {
color: #333333;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

Courier New

.classname {
color: #333333;
font-family: 'Courier New', Courier, monospace;
}

Arial

.classname {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}

Georgia

.classname {
color: #333333;
font-family: Georgia, Serif;
}

Vía | Cosassencillas

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

Tipografías adecuadas para títulos y encabezados

Diferentes maneras de formatear CSS

@font-face, inserta cualquier tipografía en tu sitio web