Diseño de Interfaces Web

Sitemap

Práctica: Google Fonts

Utilizar la API de fuentes de Google para añadir fuentes a una página web.

Es sencillo de usar, solo hay que añadir un enlace especial de hoja de estilo al documento HTML y, a continuación, remitir a la fuente en un estilo CSS.

Consejo: Aunque se pueden utilizar más, lo recomendable es escoger un máximo de tres fuentes.

Google Fonts


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tincidunt dolor eu enim blandit ultricies. Integer iaculis urna mauris, vitae dapibus eros blandit ut. Praesent dictum lacus sed metus varius, condimentum vulputate turpis sagittis. Nunc a elit felis. Nunc dapibus mattis nisi, vitae hendrerit ante bibendum nec. Nam nec mi eu urna porta dignissim quis nec nibh. Pellentesque id leo libero. Nulla sed imperdiet tortor, vitae volutpat dolor. Aliquam erat volutpat. Proin efficitur, mauris sit amet interdum ultricies, velit risus sollicitudin massa, at posuere arcu neque in justo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fermentum malesuada augue, aliquam ultricies est pretium sit amet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer ipsum mauris, gravida eget nibh nec, suscipit dictum tortor. Nam ultrices augue vel posuere ultricies. Duis gravida elit quis dignissim elementum. Integer sit amet commodo ligula, ut blandit risus. Ut tempus ligula ut nisl sollicitudin mattis. Proin ac mattis leo. Cras condimentum eros magna, a consequat dui finibus non. Aenean quam nisl, commodo non risus eget, consectetur rhoncus tellus.

Cras vestibulum, purus in eleifend ullamcorper, sem tellus vestibulum neque, ac tincidunt nunc sapien at nibh. Praesent porta blandit neque id ultrices. Pellentesque congue porttitor congue. Aenean commodo erat eget suscipit dictum. Vivamus volutpat odio nunc, lacinia molestie nulla hendrerit in. Nunc egestas felis eleifend elit tempor interdum. Proin non eros ut nibh venenatis sodales. In elementum purus id sollicitudin iaculis. Mauris pulvinar sed neque quis fringilla. Cras vulputate vel enim ut varius. Cras suscipit velit in porta convallis. Vestibulum sed ex erat.

Donec vitae ex suscipit, hendrerit metus in, volutpat libero. Nullam mollis lacus sem, at tincidunt nunc volutpat quis. Fusce consectetur facilisis est. Praesent sagittis turpis ante, vitae iaculis tellus auctor ut. Curabitur interdum faucibus pellentesque. Mauris ullamcorper dui nisl, ac venenatis neque egestas at. Nam lobortis nec urna eu pretium.

Etiam et mauris vulputate, convallis nulla at, iaculis ante. Nam sodales elit egestas tortor fermentum pharetra. Fusce ut ligula felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus elementum magna orci, in molestie sem dignissim a. In nec justo vel dui ullamcorper malesuada ut a lectus. Nam eros massa, accumsan id aliquam at, imperdiet nec erat. Duis mollis ante ipsum, sed consectetur enim volutpat in. Sed in volutpat leo, et blandit nisl. Maecenas eget pretium dui. Sed posuere vulputate lorem, a semper nunc porttitor eget. Nulla facilisi. Etiam ac ligula in eros elementum pharetra in quis nunc. Suspendisse potenti.