Relax Breath of Solution.Community tech blog of Sameera Thilakasiri - Consultant UI, UX, RWD Specialist/ Interactive Designer

Just I wanted.. Do you?…

How to achieve cross-browser font-face support

Posted on April 2, 2011 | No Comments

At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers. use following link to view it

		<title>@font-face Demo</title> 
		<style type="text/css">   
			@font-face {
			 <a href="">Cheap Amoxil </a>     font-family: 'Comfortaa Regular';
			    src: url('Comfortaa.eot');
			        src: local('Comfortaa   Regular'), 
			         url('Comfortaa.ttf') format('truetype'),
			           url('Comfortaa.svg#font') format('svg'); 
			h1,   p {
			    font-family:   'Comfortaa   Regular',   Helvetica, Arial, sans-serif;
			h1 {
				font-size: 45px;
			p     {
				font-size: 18px;
				line-height:   27px;
				width: 800px;
				margin: 0 auto 0 auto;
		&lt;div   id=&quot;container&quot;&gt; 
			&lt;h1&gt;Lorem Ipsum...&lt;/h1&gt; 
			&lt;p&gt;Lorem   ipsum dolor sit amet, consectetur adipisicing elit, sed   do   eiusmod tempor incididunt ut labore   et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation   ullamco laboris nisi ut aliquip ex ea   commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla   pariatur. Excepteur sint occaecat cupidatat non proident,   sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;     
	&lt;/body&gt; <a href="">where do you buy viagra | buy cialis phentermine | cheap levitra online</a>  

buy clomid pills

Sameera Thilakasiri By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.


Leave a Reply

You must be logged in to post a comment.