@fontface: embed fonts

[dvdrw 0]

I've bought some webfonts @ fontspring (great, no monthly fee) and embedded them in my platformpro blog. step 1. I updated the 'base.css' code in platformpro folder

@font-face {
	    font-family: 'SupriaSansRegular';
	    src: url('SupriaSans-Regular-webfont.eot');
	    src: url('SupriaSans-Regular-webfont.eot?iefix') format('eot'),
	         url('SupriaSans-Regular-webfont.woff') format('woff'),
	         url('SupriaSans-Regular-webfont.ttf') format('truetype'),
	         url('SupriaSans-Regular-webfont.svg#webfontauzjq7Ns') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}

and

h1, h2, h3, h4, h5, h6, .site-title{font-family:SupriaSansRegularItalic, etc}

step 2. I uploaded my webfonts in platformpro folder step 3. Nothing seems to change on blog, time for coffee step 4. Inspected my page in Chrome, does Dynamic CSS overrules my 'base.css'? I guess so step 5. Changed my Typography settings in PlatformPro Dasboard: Typography - Text Headers: Select font: NO SELECTION (instead of georgia) step 6. Smiling, It's working Is there another way to do it? Or is this just the best way to embed @font-face fonts.

[Kate 3]

Hi Danielle, That approach sounds fine...

[dvdrw 0]

thanks!

[mrlipa 0]

Is there any way to do like danielle and also be able to have it on the drop down list in the typography dashboard?