{"id":200,"date":"2009-07-21T15:24:24","date_gmt":"2009-07-21T20:24:24","guid":{"rendered":"http:\/\/cdf-design.com\/blog\/?p=200"},"modified":"2009-07-21T15:27:09","modified_gmt":"2009-07-21T20:27:09","slug":"implementing-web-fonts","status":"publish","type":"post","link":"https:\/\/cdf-design.com\/blog\/2009\/07\/implementing-web-fonts\/","title":{"rendered":"Implementing Web Fonts @font-face"},"content":{"rendered":"<p>After experimenting with Web Fonts last month I decided to start using them on my Portfolio site as well as this Design Blog. Note You&#8217;ll only see this effect with the most modern web browsers. If you are not using the latest versions of <a href=\"http:\/\/getfirefox.com\">Firefox<\/a> or <a href=\"http:\/\/www.apple.com\/safari\/\">Safari<\/a> you should really upgrade now! I have provided screenshots below for your viewing so you can see what you are missing.<\/p>\n<p><!--more--><\/p>\n<p>I was slightly concerned with going live with a famous font like Helvetica or Futura which each cost some money, especially with all the copyright concerns I hear coming from the Type Foundries. I went with a couple nice freeware fonts instead.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-203\" style=\"border: 1px solid black;\" title=\"vegur on blog\" src=\"http:\/\/cdf-design.com\/blog\/wp-content\/uploads\/2009\/07\/vegur-on-blog.png\" alt=\"vegur on blog\" width=\"371\" height=\"161\" srcset=\"https:\/\/cdf-design.com\/blog\/wp-content\/uploads\/2009\/07\/vegur-on-blog.png 464w, https:\/\/cdf-design.com\/blog\/wp-content\/uploads\/2009\/07\/vegur-on-blog-300x129.png 300w\" sizes=\"auto, (max-width: 371px) 100vw, 371px\" \/><\/p>\n<p>This Blog uses a basic, san serif font called <em>Vegur<\/em> created at <a href=\"http:\/\/www.dotcolon.net\/\">dot colon<\/a>. You can find the font at various free font sites.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-206\" style=\"border: 1px solid black;\" title=\"new cicle on portfolio\" src=\"http:\/\/cdf-design.com\/blog\/wp-content\/uploads\/2009\/07\/new-cicle-on-portfolio.png\" alt=\"new cicle on portfolio\" width=\"384\" height=\"143\" srcset=\"https:\/\/cdf-design.com\/blog\/wp-content\/uploads\/2009\/07\/new-cicle-on-portfolio.png 480w, https:\/\/cdf-design.com\/blog\/wp-content\/uploads\/2009\/07\/new-cicle-on-portfolio-300x111.png 300w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><\/p>\n<p>My Design Portfolio site, <a href=\"http:\/\/cdf-design.com\">CDF Design<\/a>, uses <em>New Cicle<\/em> another basic, san serif font created at <a href=\"http:\/\/www.tipomatika.co.nr\/\">La Tipomatika<\/a>.<\/p>\n<p>What do you think? How&#8217;s it work from your perspective?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After experimenting with Web Fonts last month I decided to start using them on my Portfolio site as well as this Design Blog. Note You&#8217;ll only see this effect with the most modern web browsers. If you are not using the latest versions of Firefox or Safari you should really upgrade now! I have provided [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":11,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdf-design.com\/blog\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}