<?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>Design Manchester &#124; Web design blog &#187; Code</title>
	<atom:link href="http://www.design-manchester.co.uk/web-design-blog/category/code/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.design-manchester.co.uk/web-design-blog</link>
	<description>Web Design and Technology Blog</description>
	<lastBuildDate>Thu, 12 May 2011 18:26:25 +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>FreeAgent Central 10% Off Discount code/voucher</title>
		<link>http://www.design-manchester.co.uk/web-design-blog/uncategorized/freeagent-central-10-off-discount-codevoucher/</link>
		<comments>http://www.design-manchester.co.uk/web-design-blog/uncategorized/freeagent-central-10-off-discount-codevoucher/#comments</comments>
		<pubDate>Mon, 10 Jan 2011 10:22:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Freelance Design]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.design-manchester.co.uk/web-design-blog/?p=156</guid>
		<description><![CDATA[<p>Hello,</p>
<h1>You can receive 10% discount if you use this promo code: <strong>3m181e3c</strong></h1>
<p>I have recently started doing my own account and tried a number of accounting software. I have settled on a product called <a title="FreeAgent Central" href="http://www.freeagentcentral.com" target="_blank">www.freeagentcentral.com</a></p>
<p><a href="http://www.design-manchester.co.uk/web-design-blog/uncategorized/freeagent-central-10-off-discount-codevoucher/" class="more-link">Read more on FreeAgent Central 10% Off Discount code/voucher&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Hello,</p>
<h1>You can receive 10% discount if you use this promo code: <strong>3m181e3c</strong></h1>
<p>I have recently started doing my own account and tried a number of accounting software. I have settled on a product called <a title="FreeAgent Central" href="http://www.freeagentcentral.com" target="_blank">www.freeagentcentral.com</a></p>
<p>The software is very user-friendly and intuitive to use although a little pricey at £25/month. Saying that I am happy to pay it because it keeps me up to date with all my finances which I find can be one of my big stresses in business.</p>
<h1>You can receive 10% discount if you use this promo code: <strong>3m181e3c</strong></h1>
]]></content:encoded>
			<wfw:commentRss>http://www.design-manchester.co.uk/web-design-blog/uncategorized/freeagent-central-10-off-discount-codevoucher/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom fonts in web design using @font-face CSS rule</title>
		<link>http://www.design-manchester.co.uk/web-design-blog/web-design/custom-fonts-in-web-design-using-font-face-css-rule/</link>
		<comments>http://www.design-manchester.co.uk/web-design-blog/web-design/custom-fonts-in-web-design-using-font-face-css-rule/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 20:56:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.design-manchester.co.uk/web-design-blog/?p=49</guid>
		<description><![CDATA[<div id="attachment_54" class="wp-caption alignnone" style="width: 680px"><img class="size-full wp-image-54" title="Custom fonts in web design using @font face" src="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/at_font_face_css_rule1.jpg" alt="A variation of fonts that can be used when implementing @font face" width="670" height="225" /><p class="wp-caption-text">A variation of fonts that can be used when implementing @font face</p></div>
<p>A good article about <a rel="nofollow" href="http://spyrestudios.com/21-awesome-font-face-embedable-typefaces/">using custom fonts in modern browsers</a> for your new <a href="http://www.design-manchester.co.uk/freelance-website-design.php" target="_blank">web designs</a>.</p>
<p><a href="http://www.design-manchester.co.uk/web-design-blog/web-design/custom-fonts-in-web-design-using-font-face-css-rule/" class="more-link">Read more on Custom fonts in web design using @font-face CSS rule&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<div id="attachment_54" class="wp-caption alignnone" style="width: 680px"><img class="size-full wp-image-54" title="Custom fonts in web design using @font face" src="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/at_font_face_css_rule1.jpg" alt="A variation of fonts that can be used when implementing @font face" width="670" height="225" /><p class="wp-caption-text">A variation of fonts that can be used when implementing @font face</p></div>
<p>A good article about <a rel="nofollow" href="http://spyrestudios.com/21-awesome-font-face-embedable-typefaces/">using custom fonts in modern browsers</a> for your new <a href="http://www.design-manchester.co.uk/freelance-website-design.php" target="_blank">web designs</a>.</p>
<p class="boldText">So what is @font-face?</p>
<p>@font-face is a CSS rule that allows you to upload a font and link to it from your style-sheet, allowing users accessing your site to view it.</p>
<p>Mozilla&#8217;s explanation of @font-face:</p>
<p><em>&#8220;@font-face allows authors to specify online fonts to display text on their webpages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.&#8221; &#8211; <a rel="nofollow" href="https://developer.mozilla.org/index.php?title=En/CSS/%40font-face" target="_blank">mozilla</a><br />
</em></p>
<p>An example syntax you would use would be:</p>
<pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; overflow-x: auto; overflow-y: auto; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: #25221d; padding: 10px; border: 1px solid #dfecf1;">
<ol style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 1px !important; margin-left: 25px; list-style-type: decimal; list-style-position: initial; list-style-image: initial; background-color: #ffffff; color: #5c5c5c; padding: 0px; border: initial none initial;">
<li style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0.25em; margin-left: 0px !important; padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-width: initial; border-color: initial; list-style-type: decimal-leading-zero; list-style-position: outside !important; list-style-image: initial; border-left-width: 3px; border-left-color: #6ce26c; background-color: #ffffff; color: inherit; line-height: 14px;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">@font-face { </span></span></li>
<li style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0.25em; margin-left: 0px !important; padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-width: initial; border-color: initial; list-style-type: decimal-leading-zero; list-style-position: outside !important; list-style-image: initial; border-left-width: 3px; border-left-color: #6ce26c; background-color: #f8f8f8; color: #5c5c5c; line-height: 14px;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;"> <span style="color: #006699; background-color: inherit; font-weight: bold; padding: 0px; margin: 0px; border: initial none initial;">font-family</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">: MyNeoSans; </span></span></li>
<li style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0.25em; margin-left: 0px !important; padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-width: initial; border-color: initial; list-style-type: decimal-leading-zero; list-style-position: outside !important; list-style-image: initial; border-left-width: 3px; border-left-color: #6ce26c; background-color: #ffffff; color: inherit; line-height: 14px;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;"> <span style="color: #006699; background-color: inherit; font-weight: bold; padding: 0px; margin: 0px; border: initial none initial;">src</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">: </span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">local</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">(</span><span style="color: blue; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">"Neo Sans Light"</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">), </span></span></li>
<li style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0.25em; margin-left: 0px !important; padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-width: initial; border-color: initial; list-style-type: decimal-leading-zero; list-style-position: outside !important; list-style-image: initial; border-left-width: 3px; border-left-color: #6ce26c; background-color: #f8f8f8; color: #5c5c5c; line-height: 14px;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;"> <span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">local</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">(</span><span style="color: blue; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">"Neo-sans-light"</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">), </span></span></li>
<li style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0.25em; margin-left: 0px !important; padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-width: initial; border-color: initial; list-style-type: decimal-leading-zero; list-style-position: outside !important; list-style-image: initial; border-left-width: 3px; border-left-color: #6ce26c; background-color: #ffffff; color: inherit; line-height: 14px;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;"> <span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">url</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">(myNeoSans.ttf); </span></span></li>
<li style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0.25em; margin-left: 0px !important; padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-width: initial; border-color: initial; list-style-type: decimal-leading-zero; list-style-position: outside !important; list-style-image: initial; border-left-width: 3px; border-left-color: #6ce26c; background-color: #f8f8f8; color: #5c5c5c; line-height: 14px;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;"> <span style="color: #006699; background-color: inherit; font-weight: bold; padding: 0px; margin: 0px; border: initial none initial;">font-weight</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">: </span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">bold</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">; </span></span></li>
<li style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0.25em; margin-left: 0px !important; padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-width: initial; border-color: initial; list-style-type: decimal-leading-zero; list-style-position: outside !important; list-style-image: initial; border-left-width: 3px; border-left-color: #6ce26c; background-color: #ffffff; color: inherit; line-height: 14px;"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px; border: initial none initial;">} </span></li>
</ol>
</pre>
<p>Find the article over at <a rel="nofollow" href="http://spyrestudios.com/" target="_blank">http://spyrestudios.com/</a></p>
<p>Another article explaining <a href="http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/">@font-face in depth</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-manchester.co.uk/web-design-blog/web-design/custom-fonts-in-web-design-using-font-face-css-rule/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

