<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pro Web Marketing &#187; browser</title>
	<atom:link href="http://www.prowebmarketing.com/blog/tag/browser/feed" rel="self" type="application/rss+xml" />
	<link>http://www.prowebmarketing.com/blog</link>
	<description>Web Development &#38; SEO Experts</description>
	<lastBuildDate>Thu, 22 Jul 2010 19:54:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Using Non-Standard Fonts &#8211; Solutions and Issues</title>
		<link>http://www.prowebmarketing.com/blog/web-site-tools/using-non-standard-fonts-solutions-and-issues</link>
		<comments>http://www.prowebmarketing.com/blog/web-site-tools/using-non-standard-fonts-solutions-and-issues#comments</comments>
		<pubDate>Mon, 21 Dec 2009 17:55:06 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Website Tools]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[non]]></category>
		<category><![CDATA[standard]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=375</guid>
		<description><![CDATA[One of the more challenging obstacles in website design are the limits imposed on designers by the idea of &#8220;web fonts&#8221;.  Web fonts are the few type faces which are installed on every system globally.  To maintain a consistent look to all users, most designers will stick to using those few fonts (Verdana, Arial, Times, [...]]]></description>
			<content:encoded><![CDATA[<p>One of the more challenging obstacles in website design are the limits imposed on designers by the idea of &#8220;web fonts&#8221;.  Web fonts are the few type faces which are installed on every system globally.  To maintain a consistent look to all users, most designers will stick to using those few fonts (Verdana, Arial, Times, Georgia, and Palatino are most common) or use images to replace headers.  This former solution causes a very stale, plain look that users see on every website they visit.  The latter can seriously hurt your search engine rankings.  Neither of those sound very appealing!</p>
<p>Innovative and curious as the developers are Pro Web Marketing are, we&#8217;ve found several alternatives that can avoid the downsides of traditional solutions.</p>
<p><span id="more-375"></span></p>
<h3>Fahrner Image Replacement</h3>
<p>Fahrner Image Replacement is a technique that was originally thought up by Todd Fahrner, but it is simple and obvious enough that many other designers and developers have thought of it on their own (Us included!)  The idea is that you may use CSS (Cascading Style Sheets) to &#8220;Hide&#8221; the heading, and superimpose the graphic version of that text over it.  This is good for basic header replacement, but it requires a lot of manual work.   The text is also impossible to &#8220;copy&#8221; for an end-user, which is bad for accessibility.</p>
<p><a title="FIR" href="http://en.wikipedia.org/wiki/Fahrner_Image_Replacement" target="_blank">&#8230;Read more about FIR</a></p>
<h3>(Scalable) Inman Flash Replacement (sIFR)</h3>
<p>sIFR is a technique which uses Adobe&#8217;s Flash Player to replace text with a dynamic flash layer automatically.  It utilizes Flash, JavaScript, and CSS to create what is probably the most full-featured option to show your fonts in their full glory.  The only downsides?  It is a real pain to set up, and it requires that your users have a modern version of the flash player.  It can also cause havoc on slower PCs!</p>
<p><a title="sIFR" href="http://en.wikipedia.org/wiki/Sifr" target="_blank">&#8230;Read more about sIFR</a></p>
<h3>Cufon &#8211; My personal favorite!</h3>
<p>Cufon is a project designed to replace sIFR.  It uses JavaScript and a custom &#8220;Generator&#8221; to create a script directly from your font.  All you have to do is generate the script, include it, and deploy it at specified selector tags (headings, etc).</p>
<p>Cufon works in all major browsers and does not interfere with any text interaction such as copying and pasting, and even allows for perfect search engine spidering.</p>
<p><a title="Cufon" href="http://cufon.shoqolate.com/generate/" target="_blank">Check it out here</a></p>
<h3>Looking to the future &#8211; CSS3 and Modern Browsers</h3>
<p>CSS3 includes the &#8220;@font-face&#8221; property as part of its specification.  This will allow developers to specify which font they want to use by uploading a copy of it to their server.  The code will work like this:</p>
<pre style="padding-left: 30px;">@font-face {
  font-family: &lt;a-remote-font-name&gt;;
  src: &lt;source&gt; [,&lt;source&gt;]*;
  [font-weight: &lt;weight&gt;];
  [font-style: &lt;style&gt;];
}
<!--more--></pre>
<p>Once all major browser vendors have implemented this into their specification, this technique will become more popular.  <a title="https://developer.mozilla.org/index.php?title=En/CSS/%40font-face" href="http://" target="_blank">Learn more about the spec here.</a></p>
<h3>Conclusion</h3>
<p>Using non-standard fonts still requires a bit of extra work at this point, and all of these techniques should only be used sparingly.  Your pages main body text should still be a web-standard font, for most cases.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p><div style='display:none' id="post-refEl-375"></div>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/web-site-tools/using-non-standard-fonts-solutions-and-issues/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Why You Should Upgrade Your Web Browser</title>
		<link>http://www.prowebmarketing.com/blog/web-news/why-you-should-upgrade-your-web-browser</link>
		<comments>http://www.prowebmarketing.com/blog/web-news/why-you-should-upgrade-your-web-browser#comments</comments>
		<pubDate>Sat, 31 Oct 2009 17:48:44 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Web News]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[web site]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=155</guid>
		<description><![CDATA[The fact of the matter is that technology is changing at a rate now of exponential capacities. So this also means that the web is changing as too. Along with these changes are modifications to how browsers display Websites. The one browser that is really giving many Web developers problems these days is the old [...]]]></description>
			<content:encoded><![CDATA[<p>The fact of the matter is that technology is changing at a rate now of exponential capacities. So this also means that the web is changing as too. Along with these changes are modifications to how browsers display Websites. The one browser that is really giving many Web developers problems these days is the old fashioned Internet Explorer 6, which ships with Windows XP. This browser also still holds around 15.3% of the total market share in browsers since September of this year. Still think that this is a decent market share? No its not considering that just this year it held around 25% of the market share. Yep, people are upgrading that fast. Just last year it held around 50% of the market share. The fact is that<span id="more-155"></span>Internet Explorer 6 does not recognize many modern techniques for building Website these days. Developers are starting to leave old techniques that IE6 employs in the dust. IE6 can&#8217;t recognize certain types of image transparencies which is now a huge part of how Web pages are now designed. Lacking these techniques it limits the creative genius that Web designers are needing to introduce to the world.</p>
<p>Other reasons why you should be upgrading are as follows:</p>
<ul>
<li>IE6 is much less secure.</li>
<li>Support for this browser will not continue much longer.</li>
<li>It also has less features. Such as no tabbed browsing.</li>
<li>More Websites you browse will appear broken.</li>
</ul>
<p>So for you sake and the sake of the internet please upgrade today and see the joy in the newest in Web design and how beautiful it really is. Don&#8217;t worry this won&#8217;t cost you a cent to upgrade either. It&#8217;s a free download from <a href="http://www.microsoft.com/windows/internet-explorer/" target="_blank">Microsoft</a> or you can download <a href="http://www.mozilla.com/en-US/" target="_blank">Mozillas Firefox</a> which also a very nice browser which has many great add-ons to enhance your browsing experience.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p><div style='display:none' id="post-refEl-155"></div>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/web-news/why-you-should-upgrade-your-web-browser/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
