Blog

Google Fonts

Google Fonts es una biblioteca de fuentes de código abierto y gratuitas que puedes utilizar en tu sitio web o en otros proyectos de diseño. La biblioteca es mantenida por Google y ofrece una amplia variedad de fuentes en diferentes estilos y idiomas.

Puedes utilizar Google Fonts incluyendo un enlace a la fuente en la <head> de tu documento HTML o descargando la fuente y alojándola en tu propio servidor. Una vez que hayas incluido la fuente en tu proyecto, puedes aplicarla a elementos específicos de tu HTML o CSS utilizando las reglas estándar de font-family.

Usar Google Fonts es una forma rápida y sencilla de agregar fuentes personalizadas a tu sitio web sin preocuparte por problemas de licencias. Todas las fuentes de la biblioteca de Google Fonts son gratuitas y están liberadas bajo licencias de código abierto. Esto significa que puedes usarlas para cualquier propósito, incluso proyectos comerciales, sin tener que pagar ninguna tarifa.

Para empezar a utilizar Google Fonts, puedes visitar el sitio web y navegar por las fuentes disponibles por categoría o buscar una fuente específica por nombre. Cuando encuentres una fuente que quieras utilizar, puedes hacer clic en el botón «Añadir a la colección» para agregarla a tu proyecto. Desde allí, puedes usar los fragmentos de código proporcionados para incluir la fuente en tu proyecto.

Las más usadas

Aquí hay una lista de algunas de las fuentes más populares de Google Fonts:

  1. Roboto: una fuente sans-serif con un diseño moderno y legible.
  2. Open Sans: una fuente sans-serif con un diseño versátil y legible.
  3. Lato: una fuente sans-serif con un diseño elegante y legible.
  4. Montserrat: una fuente sans-serif con un diseño moderno y elegante.
  5. Oswald: una fuente sans-serif con un diseño moderno y fuerte.
  6. Raleway: una fuente sans-serif con un diseño refinado y elegante.
  7. PT Sans: una fuente sans-serif con un diseño clásico y legible.
  8. Source Sans Pro: una fuente sans-serif con un diseño moderno y legible.
  9. Merriweather: una fuente serif con un diseño moderno y legible.
  10. PT Serif: una fuente serif con un diseño clásico y legible.

Es importante tener en cuenta que no hay una lista «definitiva» de las fuentes más populares de Google Fonts, ya que la elección de una fuente depende de muchos factores, como el diseño del sitio web, el contenido y la audiencia. Lo mejor es experimentar con diferentes fuentes para encontrar la que mejor se adapte a tus necesidades.

¿Cómo usar letras de Google Fonts?

Para utilizar las fuentes de Google Fonts en un proyecto web, sigue estos pasos:

  • Ve a la página de Google Fonts (https://fonts.google.com/) y elige las fuentes que deseas utilizar en tu proyecto.
  • Haz clic en el botón «Seleccionar este conjunto de fuentes» para añadir las fuentes a tu selección.
  • Haz clic en el botón «Descargar» en la parte inferior de la página para descargar el archivo ZIP con las fuentes.
  • Descomprime el archivo ZIP y carga las fuentes en tu proyecto.
  • Para utilizar las fuentes en tu proyecto web, necesitas incluir un enlace a la fuente en la etiqueta <head> de tu HTML:

<link href=’https://fonts.googleapis.com/css?family=Nunito’ rel=’stylesheet’>

  • Ahora puedes utilizar la fuente en tus estilos CSS:

body {
font-family: ‘Nunito’, sans-serif;
}

También puedes utilizar las fuentes de Google Fonts de manera más conveniente utilizando uno de los métodos de integración disponibles en la página de Google Fonts, como utilizar una herramienta de gestión de paquetes como npm o utilizar una etiqueta de script en lugar de un enlace a la fuente.

¿Qué tipografías no usar?

A la hora de elegir una tipografía para un proyecto, es importante tener en cuenta algunos factores clave. Algunas tipografías pueden ser más adecuadas que otras según el propósito de tu proyecto y el público al que te diriges.

En general, es importante evitar tipografías que sean difíciles de leer o que distraigan al lector de tu contenido. Algunas tipografías pueden ser demasiado decorativas o llamativas y no funcionar bien en contextos formales o profesionales. También es importante evitar tipografías que sean difíciles de encontrar o que requieran una instalación especial para ser utilizadas.

Además, es importante tener en cuenta la legibilidad de la tipografía y asegurarse de que es fácil de leer a diferentes tamaños y en diferentes dispositivos. También es importante elegir una tipografía que se adapte bien al propósito de tu proyecto y al tono que deseas transmitir.

Todas las fuentes

Google Fonts ofrece una amplia variedad de fuentes gratuitas y de código abierto para que puedas utilizarlas en tus proyectos de diseño. Actualmente, la biblioteca incluye más de 2.800 fuentes de más de 135 idiomas diferentes.

Aquí hay una lista de todas las fuentes disponibles en Google Fonts en orden alfabético:

Alegreya, Alegreya Sans, Alegreya Sans SC, Alegreya SC, Alex Brush, Alfa Slab One, Alice, Amatic SC, Amiri, Ananda, Andada, Andika, Annie Use Your Telescope, Anonymous Pro, Arbutus, Archivo, Archivo Black, Archivo Narrow, Arial, Arimo, Arizonia, Armata, Artifika, Arvo, Asap, Asset, Astloch, Asul, Atom, Audiowide, Averia Gruesa Libre, Averia Libre, Averia Sans Libre, Averia Serif Libre, Bad Script, Baloo, Baloo Bhai, Baloo Bhaijaan, Baloo Bhaina, Baloo Chettan, Baloo Da, Baloo Paaji, Baloo Tamma, Baloo Tammudu, Baloo Thambi, Bangers, Barrio, Basic, Battambang, Bauhaus 93, Bellefair, BenchNine, Bentham, Berkshire Swash, Bevan, Bigelow Rules, Bigshot One, Bilbo, Bilbo Swash Caps, BioRhyme, BioRhyme Expanded, Black Ops One, Boogaloo, Bangers, Biryani, Bonbon, Boogaloo, Bowlby One, Bowlby One SC, Brawler, Bree Serif, Buda, Bukhari Script, Bungee, Bungee Hairline, Bungee Inline, Bungee Outline, Bungee Shade, Butcha, Buttermilk, Cabin, Cabin Condensed, Cabin Sketch, Cactus Sand, Cagliostro, Calais, Calistoga, Cambay, Cambo, Cambria, Candara, Canela, Cantarell, Cantata One, Cantora One, Capriola, Cardo, Carme, Carrois Gothic, Carrois Gothic SC, Carter One, Catamaran, Caudex, Caveat, Caveat Brush, Cedars, Ceviche One, Chalet New York, Chalet London, Chalet Paris, Changa, Changa One, Chango, Charis SIL, Chathura, Chau Philomene One, Chela One, Chelsea Market, Chenla, Cherry Cream Soda, Cherry Swash, Chewy, Chicle, Chivo, Chronicle Display, Chronicle Text, Cinzel, Cinzel Decorative, Clara, Clarity, Clear Sans, Clear Sans Thin, Clear Sans Light, Clear Sans Medium, Clear Sans Bold, Clear Sans Black, Cluadia, Clueless, Cobalt, Cochiti, Cocktail, Comfortaa, Coming Soon, Concert One, Condiment, Consolas, Constantia, Cooper, Copse, Corben, Cormorant, Cormorant Garamond, Cormorant Infant, Cormorant SC, Cormorant Unicase, Cormorant Upright, Courgette, Cousine, Covered By Your Grace, Crafty Girls, Creepster, Crete Round, Crimson Text, Croissant One, Crushed, Cuprum, Cutive, Cutive Mono, DM Sans, DM Serif Display, DM Serif Text, Damion, Dancing Script, Dangrek, David Libre, David Sans, Days One, Dekko, Delius, Delius Swash Caps, Delius Unicase, Della Respira, Denk One, Devonshire, Dhurjati, Didact Gothic, Diplomata, Diplomata SC, Do Hyeon, Dokdo, Domine, Donegal One, Doppio One, Dorsa, Dosis, Dr Sugiyama, Dreadlock, Duru Sans, Dyana, EB Garamond, Eagle Lake, East Sea Dokdo, Eater, Economica, El Messiri, Electrolize, Elsie, Elsie Swash Caps, Emblema One, Emilys Candy, Encode Sans, Encode Sans Condensed, Encode Sans Expanded, Encode Sans Semi Condensed, Encode Sans Semi Expanded, Engagement, Englebert, Enriqueta, Erica One, Esteban, Euphoria Script, Ewert, Exo, Exo 2, Expletus Sans, Fanwood Text, Fascinate, Fascinate Inline, Fauna One, Faustina, Federant, Federo, Felipa, Fenix, Finger Paint, Fira Mono, Fira Sans, Fira Sans Condensed, Fira Sans Extra Condensed, Fjalla One, Fjord One, Flamenco, Flamingo, Flanagan, Flattern, Flavors, Fondamento, Fontdiner Swanky, Forum, Francois One, Frank Ruhl Libre, Freeny, Fresca, Frijole, Fritz Quadrata, Froggy, Fugaz One, GFS Didot, GFS Neohellenic, Galdeano, Galindo, Gamja Flower, Gendi, Gentium Basic, Gentium Book Basic, Geo, Georgia, Geostar, Geostar Fill, Germania One, Gidugu, Gilda Display, Girassol, Give You Glory, Glass Antiqua, Glegoo, Gloria Hallelujah, Goblin One, Gochi Hand, Gokulam, Goudy Bookletter 1911, Graduate, Grand Hotel, Gravitas One, Great Vibes, Griffy, Gruppo, Gurajada, Habibi, Halant, Hammersmith One, Hanalei, Hanalei Fill, Handlee, Hanuman, Happy Monkey, Harmattan, Headland One, Henny Penny, Hepta Slab, Herr Von Muellerhoff, Hi Melody, Hind, Hind Guntur, Hind Madurai, Hind Siliguri, Hind Vadodara, Homenaje, IBMPlex Mono, IBMPlex Sans, IBMPlex Sans Condensed, IBMPlex Serif, Ibarra Real Nova, Iceberg, Icicle, Iconsolata, Ida, Imprima, Inconsolata, Inder, Indie Flower, Inika, Inknut Antiqua, Irish Grover, Istok Web, Italiana, Itim, Jacques Francois, Jacques Francois Shadow, Jalapeño, Jaldi, Jim Nightshade, Jockey One, Jolly Lodger, Jomhuria, Jomolhari, Josefin Sans, Josefin Slab, Joti One, Judson, Julee, Julius Sans One, Jura, Just Another Hand, Just Me Again Down Here, K2D, Kalam, Kameron, Kanit, Karla, Karmilla, Katibeh, Kavivanar, Kavoon, Kdam Thmor, Keania One, Kelly Slab, Kenia, Khmer, Khula, Kite One, Knewave, Kobzar, Koda, Kodchasan, Kokila, Kotta One, Koulen, Kranky, Kreon, Kristi, Krona One, Kumar One, Kumar One Outline, Kumbh Sans, Kunstler Script, La Belle Aurore, Laila, Lalezar, Lalezar Sweet, Lancelot, Lateef, Lato, League Script, Leckerli One, Ledger, Lekton, Lemon, Lemonada,Libre Baskerville, Libre Franklin, Life Savers, Lila, Lilly, Limelight, Linden Hill, Linguistica, Liturgica, Liu Jian Mao Cao, Lobster, Lobster Two, Lohit Bengali, Lohit Devanagari, Lohit Tamil, Lohit Telugu, Lora, Love Ya Like A Sister, Loved by the King, Loved by the King, Lucida Console, Lucida Sans Unicode, Ludic Sans, Lustria, M PLUS 1p, M PLUS Rounded 1c, Ma Shan Zheng, Macondo, Macondo Swash Caps, Mada, Magra, Maida, Mako, Mallanna, Mandali, Manjari, Manrope, Manuelito, Marcellus, Marcellus SC, Marck Script, Margarine, Markazi Text, Marko One, Marmelad, Martel, Martel Sans, Marvel, Mate, Mate SC, Maven Pro, McLaren, Meddon, Median, Meera Inimai, Megrim, Meie Script, Merienda, Merienda One, Merriweather, Merriweather Sans, Metal Mania, Metal, Metamorphous, Meyrin, Mikodash, Milonga, Milo, Mimich, Mingliu, Minto, Miriam Libre, Mirza, Mitr, Modak, Modern Antiqua, Molengo, Molle, Monda, Monofett, Monoton, Monsieur La Doulaise, Montaga, Montez, Montserrat, Montserrat Alternates, Montserrat Subrayada, Moul, Moulpali, Mountains of Christmas, Mouse Memoirs, Mr Bedfort, Mr Dafoe, Mr De Haviland, Mrs Saint Delafield, Mrs Sheppards, Mukta, Mukta Mahee, Mukta Malar, Mukta Vaani, Muli, Mundana, Munjal, Murmure, Mushi, My My, Myriad Pro, Nadia Comaneci, Naiad, Namit, Nanum Brush Script, Nanum Gothic, Nanum Gothic Coding, Nanum Myeongjo, Nanum Pen Script, Neucha, Neuton, New Rocker, News Cycle, News Gothic MT, Niconne, Nixie One, Nobile, Nokora, Norican, Nosifer, Notable, Noticia Text, Nunito, Nunito Sans, Odor Mean Chey, Offside, Old Standard TT, Oldenburg, Oleo Script, Oleo Script Swash Caps, Open Sans, Open Sans Condensed, Opera, Oranienbaum, Orbitron, Oregano, Orienta, Original Surfer, Oro, Osaka, Oswald, Overlock, Overlock SC, Overpass, Overpass Mono, Ovo, Oxygen, Oxygen Mono, PT Mono, PT Sans, PT Sans Caption, PT Sans Narrow, PT Serif, PT Serif Caption, Pacifico, Padauk, Palanquin, Palanquin Dark, Palanquin Light, Pangolin, Paprika, Parisienne, Passero One, Passion One, Pathway Gothic One, Patrick Hand, Patrick Hand SC, Pattaya, Pattaya, Patua One, Pavur, Paytone One, Peddana, Peralta, Permanent Marker, Petit Formal Script, Petrona, Philosopher, Piedra, Pinyon Script, Pirata One, Pitskop, Play, Playfair Display, Playfair Display SC, Podkova, Poiret One, Poller One, Poly, Pompiere, Pontano Sans, Poor Story, Poppins, Port Lligat Sans, Port Lligat Slab, Pragati Narrow, Prata, Press Start 2P, Pridi, Princess Sofia, Prociono, Prompt, Prosto One, Puritan, Purple Purse, Quando, Quantico, Quattrocento, Quattrocento Sans, Questrial, Quicksand, Quintessential, Qwigley, Racing Sans One, Radley, Rajdhani, Rakkas, Raleway, Raleway Dots, Ramabhadra, Ramaraja, Rambla, Rammetto One, Ranchers, Rancho, Ranga, Rasa, Ravi Prakash, Red Hat Display, Red Hat Text, Redressed, Reem Kufi, Reenie Beanie, Revalia, Reykjavik, Ribeye, Ribeye Marrow, Righteous, Risque, Roboto, Roboto Condensed, Roboto Mono, Roboto Slab, Rochester, Rock Salt, Rokkitt, Romanesco, Ropa Sans, Rosario, Rosarivo, Rouge Script, Rozha One, Rubik, Rubik Mono One, Rudraksha, Rufina, Ruge Boogie, Ruluko, Rum Raisin, Ruslan Display, Russo One, Ruthie, Rxlemon, Saab, Sacramento, Sahitya, Saira, Saira Condensed, Saira Extra Condensed, Saira Semi Condensed, Sakal Bharati, Sakal Bharati Soft, Sakal Bharati Upright, Sakal Path, Sakal Path Soft, Sakal Path Upright, Salaam Lipi, Salem, Salomon, Samarkan, Samsara, Sanchez, Sansita, Santor, Sarala, Sarina, Sarpanch, Sarpanch Soft, Sarpanch Upright, Sattur, Saurabh, Saurabh Soft, Saurabh Upright, Scada, Scheherazade, Schoolbell,Scope One, Seaweed Script, Secular One, Sedgwick Ave, Sedgwick Ave Display, Segoe UI, Segoe UI Emoji, Segoe UI Historic, Segoe UI Symbol, Seguoi, Seguoi UI, Seguoi UI Emoji, Seguoi UI Symbol, Semyon, Sen, Seng Buk, Seng Buk Soft, Seng Buk Upright, Sengkuang, Sengkuang Soft, Sengkuang Upright, Senthil, Senthil Soft, Senthil Upright, Sentosa, Sequel, Serendipity, Serif, Serif Display, Serval, Seville, Sewania, Seyhmus, Shadows Into Light, Shadows Into Light Two, Shanti, Share, Share Tech, Share Tech Mono, Sharingan, Shojumaru, Short Stack, Shrikhand, Shruti, Shut In, Signika, Signika Negative, Simonetta, Sintony, Sirius, Sisonke, Six Caps, Skranji, Slack, Slackey, Smokum, Smokum Soft, Sneaky, Sniglet, Snippet, Snowburst One, Sofadi One, Sofia, Song Myung, Soonchun, Sorts Mill Goudy, Source Code Pro, Source Sans Pro, Source Serif Pro, Special Elite, Spectral, Spectral SC, Spicy Rice, Spinnaker, Srisakdi, Stalemate, Stalinist One, Standard Symbols L, Stint Ultra Condensed, Stint Ultra Expanded, Stint Ultra Expanded, Stint Ultra Condensed, Strawberry Lime, Struzhkin, Suwannaphum, Swanky and Moo Moo, Syncopate, Tajawal, Takao, Takao PGothic, Talabard, Tamil Sangam MN, Tamil Sangam MN Soft, Tamil Sangam MN Upright, Tangerine, Taprom, Tauri, Taviraj, Techie, Tejo, Teko, Teko Soft, Teko Upright, Telex, Tenali Ramakrishna, Tenali Ramakrishna Soft, Tenali Ramakrishna Upright, Tenor Sans, Text Me One, The Girl Next Door, Tienne, Tillana, Timmana, Timmana Soft, Timmana Upright, Tina, Titillium Web, Trade Winds, Trirong, Trocchi, Trochut, Trollbait, Trotteur, Trykker, Tschichold, Tula, Turbo, Turkmenistan, Ulala, Uncial Antiqua, Underdog, Unica One, UnifrakturCook, UnifrakturMaguntia, Unlock, Unna, Unna Soft, Unna Upright, Vampiro One, Vandana, Vandana Soft, Vandana Upright, Varela, Varela Round, Vast Shadow, Vesper Libre, Vibur, Vidaloka, Viga, Voces, Volkhov, Voltaire, VT323, Waheed, Wallpoet, Walter Turncoat, Warnes, Wellfleet, Wendy One, Wends, Wire One, Work Sans, Yanone Kaffeesatz, Yantramanav, Yatra One, Yeseva One, Yesteryear, Yrsa, Yrsa Soft, Yrsa Upright, ZCOOL KuaiLe, ZCOOL QingKe HuangYou, ZCOOL XiaoWei, Zeyada, Zilla Slab, Zilla Slab Highlight.

Aún no hay comentarios
¿Qué te ha parecido este contenido?
Al pulsar en "Enviar" aceptas nuestra Política de Privacidad - + Información, para tratar tus datos con la finalidad de tramitar las consultas que puedas plantearnos.