Forums

@fontface Correct Implementation in Concrete 5

Permalink
Hi there

I have exhausted all resources I can trying to find a correct implementation of @font-face in concrete5.

I can get it to work easily in a non concrete5 site, downloading a kit from font squirrel and referencing as normal in the header of the html document.

When I come to do this in concrete5 it will not work! Any ideas. (Code below:)
<link href="<?php echo $this->getStyleSheet('css/main.css') ?>" />
<link href='<?=$this->getThemePath()?>/rockwell/stylesheet.css' rel='stylesheet' type='text/css' />
<?php  Loader::element('header_required'); ?>
<style>
body{
  font: 'RockwellRegular';
  font-size: 18pt;
}
</style>
 
LucasAnderson replied on at Permalink Reply
LucasAnderson
Can you attach or link to your stylesheet/site? We can't do much with the code provided.
MJH replied on at Permalink Reply
Did you ever find an answer to this? I've got exactly the same problem.
MJH replied on at Permalink Reply
Ok, this thread helped (see Marios reply halfway down):http://www.concrete5.org/community/forums/customizing_c5/interrrest...

You have to remove the quotes from the font references.

Phew!
bauerman replied on at Permalink Reply
Yes I solved it! Strangely enough it works exactly as in my code snippet
zoinks replied on at Permalink Reply
disregard this post
bauerman replied on at Permalink Reply
Just make sure you have the links to external stylsheets in the right order and load the @font-face stylesheet in using getthemepath rather than getstylesheet. You don't have to remove quotes, you may find in some browsers that removing the quotes will mean that the @font-face implementation is broken.
r1digital replied on at Permalink Reply
r1digital
See the CSS onhttp://www.r1creative.co.uk - It's a C5 site using @font-face