{"id":1862,"date":"2025-02-25T00:39:55","date_gmt":"2025-02-25T00:39:55","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1862"},"modified":"2025-02-25T00:39:55","modified_gmt":"2025-02-25T00:39:55","slug":"typography-is-great-but-consider-slower-network-speeds","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2025\/02\/25\/typography-is-great-but-consider-slower-network-speeds\/","title":{"rendered":"Typography is Great! But consider slower network speeds!"},"content":{"rendered":"\n<p>This week we went over how to properly incorporate fonts in our web pages. There\u2019s a lot to typography and there\u2019s even more to know when it\u2019s used on the web!<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>An important caveat to consider when using fonts on the web is how big the font is.  When someone visits your website, how long will it take for the font you\u2019ve chosen to download? Not to mention, everyone who might visit your website will have a different internet speed.<\/p>\n\n\n\n<p>One thing you can do to test is by using DevTools inside your browser. You\u2019re able to throttle your connection to emulate any kind of slower network speed inside the \u201cNetwork Tab\u201d. Here\u2019s an article about how to do that in more depth, and also shows other ways to achieve the same thing. <a href=\"https:\/\/web.dev\/articles\/performance-poor-connectivity\">Understanding Low Bandwith and High Latency<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/fontawesome.com\/\" data-type=\"link\" data-id=\"https:\/\/fontawesome.com\/\">Font Awesome<\/a> and <a href=\"https:\/\/fonts.google.com\/\" data-type=\"link\" data-id=\"https:\/\/fonts.google.com\/\">Google Fonts<\/a> are amazing resources to greatly improve how your website looks! But even though they are hosted externally, they will still slow down your website with extra things for someone to have to download. <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week we went over how to properly incorporate fonts in our web pages. There\u2019s a lot to typography and there\u2019s even more to know when it\u2019s used on the web!<\/p>\n","protected":false},"author":105,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[240],"tags":[15,18],"class_list":["post-1862","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp25","tag-typography","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1862"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1862\/revisions"}],"predecessor-version":[{"id":1863,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1862\/revisions\/1863"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}