{"id":118,"date":"2023-05-22T21:03:21","date_gmt":"2023-05-22T19:03:21","guid":{"rendered":"https:\/\/user0.gesem.es\/blog\/?p=118"},"modified":"2023-05-22T21:04:58","modified_gmt":"2023-05-22T19:04:58","slug":"com-fer-servir-tipografies-de-google-fonts","status":"publish","type":"post","link":"https:\/\/user0.gesem.es\/blog\/com-fer-servir-tipografies-de-google-fonts\/","title":{"rendered":"Com fer servir tipografies de google fonts?"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-rich is-provider-gestor-del-servei wp-block-embed-gestor-del-servei wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"C\u00d3MO USAR GOOGLE FONTS CON CSS\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/dBwlYtdFOW8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En aquest video podeu trobar una bona introducci\u00f3 i un resum. La versi\u00f3 de google fonts que fa servir al video no \u00e9s l&#8217;actual, per\u00f2 la teoria \u00e9s la mateixa. Resumint:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Caldr\u00e0 triar quina tipografia \/ tipografies i quin pes \/pesos volem fer servir<\/li>\n\n\n\n<li>Caldr\u00e0 enganxar al head de l&#8217;HTML el codi HTML que ens proporcionar\u00e0 google fonts (b\u00e0sicament un enlla\u00e7 a una fulla d&#8217;estils allotjada a fonts.google.com i algunes instruccions per el navegador)<\/li>\n\n\n\n<li>Caldr\u00e0 indicar la font-family tal i com ens indicar\u00e0 la p\u00e0gina en el CSS en aquells selectors que volguem modificar<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Avui a classe hem buscat a google fonts les dues tipografies que hem creat. Hem sel\u00b7leccionat el pes que vol\u00edem de cada tipografia i aix\u00ed hem pogut modificar la font-family de diferents elements: el <em>body<\/em> (amb la font family que volem per defecte) i els encap\u00e7alaments (<em>h1, h2, h3, h4<\/em>) amb una altra tipografia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En aquest video podeu trobar una bona introducci\u00f3 i un resum. La versi\u00f3 de google fonts que fa servir al video no \u00e9s l&#8217;actual, per\u00f2 la teoria \u00e9s la mateixa. Resumint: Avui a classe hem buscat a google fonts les dues tipografies que hem creat. Hem sel\u00b7leccionat el pes que vol\u00edem de cada tipografia i&hellip; <a class=\"more-link\" href=\"https:\/\/user0.gesem.es\/blog\/com-fer-servir-tipografies-de-google-fonts\/\">Continueu llegint <span class=\"screen-reader-text\">Com fer servir tipografies de google fonts?<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-118","post","type-post","status-publish","format-standard","hentry","category-tipografia","entry"],"_links":{"self":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/posts\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":2,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/posts\/118\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/posts\/118\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/media?parent=118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/categories?post=118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/tags?post=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}