{"id":579,"date":"2009-04-27T11:20:42","date_gmt":"2009-04-27T01:20:42","guid":{"rendered":"https:\/\/eisabainyo.net\/weblog\/?p=579"},"modified":"2009-06-25T21:32:52","modified_gmt":"2009-06-25T11:32:52","slug":"sifr-vs-flir-font-replacement-techniques","status":"publish","type":"post","link":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/","title":{"rendered":"sIFR vs FLIR  &#8211; Font Replacement Techniques"},"content":{"rendered":"<h3>sIFR<\/h3>\n<p>sIFR stands for Scalable Inman Flash Replacement and it is an open source JavaScript and Adobe Flash dynamic web fonts implementation, enabling the replacement of text elements on HTML web pages with Flash equivalents. <\/p>\n<p><strong>Pros<\/strong><\/p>\n<ul>\n<li>Looks nice<\/li>\n<li>Does not require a server side language <\/li>\n<li>Text created with sIFR can be copied\/selected<\/li>\n<li>Graceful degradation (If flash is not installed, it will just display normal text)<\/li>\n<li>Works well with screen readers<\/li>\n<\/ul>\n<p><strong>Cons<\/strong><\/p>\n<ul>\n<li>Not easy to configure<\/li>\n<li>Not easy to make font adjustments<\/li>\n<li>Requires Flash installed on client's browser<\/li>\n<li>Can be slow if there are too many sIFR elements on a single page<\/li>\n<\/ul>\n<p><a href=\"http:\/\/wiki.novemberborn.net\/sifr3\/\">Website<\/a> | <a href=\"http:\/\/dev.novemberborn.net\/sifr3\/beta2\/demo\/\">Demo<\/a><\/p>\n<h3>FLIR<\/h3>\n<p>FLIR stands for Facelift Image Replacement.  FLIR uses PHP and Javascript to generate text into images with your desired font and replaces them on the fly.  <\/p>\n<p><strong>Pros<\/strong><\/p>\n<ul>\n<li>Looks nice<\/li>\n<li>Relatively easy to configure<\/li>\n<li>Does not require Flash<\/li>\n<\/ul>\n<p><strong>Cons<\/strong><\/p>\n<ul>\n<li>Text cannot be selected\/copied<\/li>\n<li>Uses a server side language (PHP) to generate images and therefore requires a server with PHP<\/li>\n<li>Requires GD library on the server<\/li>\n<li>Slow if there are too many FLIR elements on a single page<\/li>\n<\/ul>\n<p><a href=\"http:\/\/facelift.mawhorter.net\/\">Website<\/a> | <a href=\"http:\/\/facelift.mawhorter.net\/examples\/\">Demo<\/a><\/p>\n<p><strong>My two cents<\/strong><\/p>\n<p>These techniques are good alternatives to using normal image replacement techniques with CSS for websites that use CMS and require content editors to update text and headings.  However, they should be used sparingly as there is always an issue with speed and bandwidth.  For example, it is ok to use these techniques for headings but not for body content.  After all, websites should not only look pretty, but also accessible and usable.  I prefer sIFR to FLIR because although it is harder to implement, it does not require a server side language, and looks nicer.   It also degrades gracefully which is an important factor in ensuring a website's accessibility.   <\/p>\n","protected":false},"excerpt":{"rendered":"<p>sIFR sIFR stands for Scalable Inman Flash Replacement and it is an open source JavaScript<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,12,3],"tags":[],"class_list":["post-579","post","type-post","status-publish","format-standard","hentry","category-css","category-design","category-xhtml"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>sIFR vs FLIR - Font Replacement Techniques | Tech Leadership Advice &amp; Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"sIFR vs FLIR - Font Replacement Techniques | Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"og:description\" content=\"sIFR sIFR stands for Scalable Inman Flash Replacement and it is an open source JavaScript\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"article:published_time\" content=\"2009-04-27T01:20:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2009-06-25T11:32:52+00:00\" \/>\n<meta name=\"author\" content=\"Isabel Nyo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Isabel Nyo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/\"},\"author\":{\"name\":\"Isabel Nyo\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"headline\":\"sIFR vs FLIR &#8211; Font Replacement Techniques\",\"datePublished\":\"2009-04-27T01:20:42+00:00\",\"dateModified\":\"2009-06-25T11:32:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/\"},\"wordCount\":305,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"articleSection\":[\"CSS\",\"Design\",\"xHTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/\",\"name\":\"sIFR vs FLIR - Font Replacement Techniques | Tech Leadership Advice &amp; Resources\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\"},\"datePublished\":\"2009-04-27T01:20:42+00:00\",\"dateModified\":\"2009-06-25T11:32:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eisabainyo.net\/weblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"sIFR vs FLIR &#8211; Font Replacement Techniques\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/\",\"name\":\"Career Resources for Professionals in Tech\",\"description\":\"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors\",\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\",\"name\":\"Isabel Nyo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"caption\":\"Isabel Nyo\"},\"logo\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\"},\"description\":\"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more..\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"sIFR vs FLIR - Font Replacement Techniques | Tech Leadership Advice &amp; Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/","og_locale":"en_US","og_type":"article","og_title":"sIFR vs FLIR - Font Replacement Techniques | Tech Leadership Advice &amp; Resources","og_description":"sIFR sIFR stands for Scalable Inman Flash Replacement and it is an open source JavaScript","og_url":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/","og_site_name":"Tech Leadership Advice &amp; Resources","article_published_time":"2009-04-27T01:20:42+00:00","article_modified_time":"2009-06-25T11:32:52+00:00","author":"Isabel Nyo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Isabel Nyo","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#article","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/"},"author":{"name":"Isabel Nyo","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"headline":"sIFR vs FLIR &#8211; Font Replacement Techniques","datePublished":"2009-04-27T01:20:42+00:00","dateModified":"2009-06-25T11:32:52+00:00","mainEntityOfPage":{"@id":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/"},"wordCount":305,"commentCount":2,"publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"articleSection":["CSS","Design","xHTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/","url":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/","name":"sIFR vs FLIR - Font Replacement Techniques | Tech Leadership Advice &amp; Resources","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/#website"},"datePublished":"2009-04-27T01:20:42+00:00","dateModified":"2009-06-25T11:32:52+00:00","breadcrumb":{"@id":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eisabainyo.net\/weblog\/2009\/04\/27\/sifr-vs-flir-font-replacement-techniques\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eisabainyo.net\/weblog\/"},{"@type":"ListItem","position":2,"name":"sIFR vs FLIR &#8211; Font Replacement Techniques"}]},{"@type":"WebSite","@id":"https:\/\/eisabainyo.net\/weblog\/#website","url":"https:\/\/eisabainyo.net\/weblog\/","name":"Career Resources for Professionals in Tech","description":"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors","publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab","name":"Isabel Nyo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","caption":"Isabel Nyo"},"logo":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/"},"description":"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more.."}]}},"_links":{"self":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/comments?post=579"}],"version-history":[{"count":5,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/579\/revisions"}],"predecessor-version":[{"id":680,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/579\/revisions\/680"}],"wp:attachment":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/media?parent=579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/categories?post=579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/tags?post=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}