{"id":4220,"date":"2018-08-28T19:59:35","date_gmt":"2018-08-28T17:59:35","guid":{"rendered":"https:\/\/oelna.de\/blog\/?p=4220"},"modified":"2025-06-05T12:00:24","modified_gmt":"2025-06-05T10:00:24","slug":"an-incomplete-list-of-nice-free-sans-serif-fonts-for-websites","status":"publish","type":"post","link":"https:\/\/oelna.de\/blog\/4220","title":{"rendered":"An incomplete list of nice free sans-serif fonts for websites"},"content":{"rendered":"\n<p>This is mainly a list for myself, as I often forget there are a few decent font choices available today, even if the project requires the use of free (as in beer) fonts.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a data-external=\"true\" href=\"https:\/\/rsms.me\/inter\/\">Inter UI<\/a><\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/IBM+Plex+Sans\">IBM Plex Sans<\/a> (and possibly <a data-external=\"true\" href=\"https:\/\/github.com\/iaolo\/iA-Fonts\">iA Writer Fonts<\/a>)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/public-sans.digital.gov\/\">Public Sans<\/a> (US Government Design Language Font)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/github.com\/weiweihuanghuang\/Work-Sans\">Work Sans<\/a> (Variable)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/www.cooperhewitt.org\/open-source-at-cooper-hewitt\/cooper-hewitt-the-typeface-by-chester-jenkins\/\">Cooper Hewitt<\/a><\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/Noto+Sans\">Noto Sans<\/a><\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/Open+Sans\">Open Sans<\/a><\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/Source+Sans+Pro\">Source Sans Pro<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/marcologous\/Open-Sauce-Fonts\">Open Sauce<\/a> (Sans\/One\/Two)<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Element-Type\/HostGrotesk\">Host Grotesk<\/a><\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/PT+Sans\">PT Sans<\/a><\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/Lato\">Lato<\/a><\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/www.fontshare.com\/fonts\/satoshi\">Satoshi<\/a>\u00a0(closed source)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/optician-sans.com\/\">Optician Sans<\/a><\/li>\n\n\n\n<li>Use CSS System font (Roboto, San Francisco, Segoe UI):<br>font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;<\/li>\n<\/ul>\n\n\n\n<p>A few more with Asterisks:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/Fira+Sans\/\">Fira Sans<\/a> (somewhat peculiar letterforms)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/blogs.windows.com\/windowsexperience\/2017\/08\/23\/announcing-windows-10-insider-preview-build-16273-pc\/\">Microsoft Bahnschrift<\/a> (A version of DIN, check license first!)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/www.fontsquirrel.com\/fonts\/palanquin\">Palanquin<\/a> (I have never used this one before)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/M+PLUS+1p\">M+1p<\/a> (peculiar letterforms, made to match chinese characters)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fonts.google.com\/specimen\/Average+Sans\">Average Sans<\/a> (thin and somewhat cute, but only has 1 weight: regular)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"https:\/\/fontlibrary.org\/en\/font\/glacial-indifference\">Glacial Indifference<\/a> (regular, italic, bold, geometric letterforms)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"http:\/\/seankanedesign.com\/work\/sk-modernist\">Modernist<\/a> (somewhat Helvetica-like)<\/li>\n\n\n\n<li><a data-external=\"true\" href=\"http:\/\/typomancer.com\/cloud\">Cloud<\/a> (regular, bold)<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/carlenlund\/helmet\">Helmet<\/a> (only 1 style: regular)<\/li>\n<\/ul>\n\n\n\n<p>PS: I also maintain a <a href=\".\/?p=4236\">list of nice design systems for color and type<\/a> as reference for webdesign projects.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is mainly a list for myself, as I often forget there are a few decent font choices available today, even if the project requires the use of free (as in beer) fonts. A few more with Asterisks: PS: I also maintain a list of nice design systems for color and type as reference for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"federated","footnotes":""},"categories":[3,1],"tags":[300,98,102,526,104,799,321],"class_list":["post-4220","post","type-post","status-publish","format-standard","hentry","category-english","category-general","tag-css","tag-design","tag-font","tag-free","tag-type","tag-typography","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/posts\/4220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/comments?post=4220"}],"version-history":[{"count":24,"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/posts\/4220\/revisions"}],"predecessor-version":[{"id":4416,"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/posts\/4220\/revisions\/4416"}],"wp:attachment":[{"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/media?parent=4220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/categories?post=4220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oelna.de\/blog\/wp-json\/wp\/v2\/tags?post=4220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}