{"id":51,"date":"2009-06-17T02:56:08","date_gmt":"2009-06-17T00:56:08","guid":{"rendered":"http:\/\/grimstveit.no\/jakob\/blog\/?p=51"},"modified":"2009-06-17T09:44:50","modified_gmt":"2009-06-17T07:44:50","slug":"new-fonts-but-do-you-see-them","status":"publish","type":"post","link":"https:\/\/www.grimstveit.no\/jakob\/blog\/2009\/06\/17\/new-fonts-but-do-you-see-them\/","title":{"rendered":"New fonts, but do you see them?"},"content":{"rendered":"<p><a href=\"https:\/\/i0.wp.com\/grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Face_Typography_Style_by_thehonor2.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"54\" data-permalink=\"https:\/\/www.grimstveit.no\/jakob\/blog\/2009\/06\/17\/new-fonts-but-do-you-see-them\/face_typography_style_by_thehonor2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Face_Typography_Style_by_thehonor2.jpg?fit=538%2C582&amp;ssl=1\" data-orig-size=\"538,582\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Face Typography Style by thehonor2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Face_Typography_Style_by_thehonor2.jpg?fit=538%2C582&amp;ssl=1\" class=\"alignright size-thumbnail wp-image-54\" title=\"Face Typography Style by thehonor2\" src=\"https:\/\/i0.wp.com\/grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Face_Typography_Style_by_thehonor2-150x150.jpg?resize=150%2C150\" alt=\"Face Typography Style by thehonor2\" width=\"150\" height=\"150\" srcset=\"https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Face_Typography_Style_by_thehonor2.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Face_Typography_Style_by_thehonor2.jpg?zoom=2&amp;resize=150%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Face_Typography_Style_by_thehonor2.jpg?zoom=3&amp;resize=150%2C150&amp;ssl=1 450w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>I&#8217;ve just amended my <a href=\"http:\/\/wordpress.org\">WordPress<\/a> CSS style sheet somewhat to now use a font normally not installed on your computer. This is accomplished by using the <a href=\"https:\/\/developer.mozilla.org\/en\/CSS\/@font-face\">@font-face CSS tag<\/a>, <a href=\"http:\/\/hacks.mozilla.org\/2009\/06\/beautiful-fonts-with-font-face\/\">described in detail<\/a> over at <a href=\"http:\/\/hacks.mozilla.org\">hacks.mozilla.org<\/a>. I&#8217;m now using the font <a href=\"http:\/\/fonts.info\/info\/press\/free-fonts-for-font-face-embedding.htm\">GrauBlau Sans Web<\/a> from the nice people over at <a href=\"http:\/\/fonts.info\/\">fonts.info<\/a>, and I think it fits rather well. Gone are the serif-days at least :-). Hope you like it as well!<\/p>\n<p>Well, whether you see the font or not depends on whether you use a browser supporting this or not. At the time of writing, the following browser (and versions) supports this:<\/p>\n<ul>\n<li>Firefox 3.5<\/li>\n<li>Safari 3.1<\/li>\n<li>Opera 10.0<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<p>Below is a screenshot of my previous blog post with Safari, which supports CSS font linking:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/i0.wp.com\/grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Page-Capture-1.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"57\" data-permalink=\"https:\/\/www.grimstveit.no\/jakob\/blog\/2009\/06\/17\/new-fonts-but-do-you-see-them\/page-capture-1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Page-Capture-1.png?fit=1024%2C2223&amp;ssl=1\" data-orig-size=\"1024,2223\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Screenshot of Grimstveit.no\/jakob using @font-face tag\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Page-Capture-1.png?fit=471%2C1024&amp;ssl=1\" class=\"size-large wp-image-57 aligncenter\" title=\"Screenshot of Grimstveit.no\/jakob using @font-face tag\" src=\"https:\/\/i0.wp.com\/grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Page-Capture-1-471x1024.png?resize=471%2C1024\" alt=\"Screenshot of Grimstveit.no\/jakob using @font-face tag\" width=\"471\" height=\"1024\" srcset=\"https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Page-Capture-1.png?resize=471%2C1024&amp;ssl=1 471w, https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Page-Capture-1.png?resize=138%2C300&amp;ssl=1 138w, https:\/\/i0.wp.com\/www.grimstveit.no\/jakob\/blog\/wp-content\/uploads\/2009\/06\/Page-Capture-1.png?zoom=2&amp;resize=471%2C1024&amp;ssl=1 942w\" sizes=\"auto, (max-width: 471px) 100vw, 471px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve just amended my WordPress CSS style sheet somewhat to now use a font normally not installed on your computer. This is accomplished by using the @font-face CSS tag, described in detail over at hacks.mozilla.org. I&#8217;m now using the font GrauBlau Sans Web from the nice people over at fonts.info, and I think it fits [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1],"tags":[15,16,18,20,4,21,19,17],"class_list":["post-51","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-font-face","tag-css","tag-firefox","tag-font","tag-geekish","tag-opera","tag-safari","tag-web"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8nTfx-P","jetpack-related-posts":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/posts\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":6,"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/posts\/51\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/media?parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/categories?post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grimstveit.no\/jakob\/blog\/wp-json\/wp\/v2\/tags?post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}