Build.R : forcing a local font for all text on the site

Salexis

Hello,
My current site at www.edgeneve.ch (template: Nebula) has a custom CSS file with the following code to force the use of a specific font :

@font-face {
    font-family: 'EuclidFlex-Regular';
    src: url('../fonts/EuclidFlex-Regular-WebS.eot');
    src:
         url('../fonts/EuclidFlex-Regular-WebS.woff') format('woff'),
         url('../fonts/EuclidFlex-Regular-WebS.woff2') format('woff2');
    src: url('../fonts/EuclidFlex-Regular-WebXL.eot');
    src:
         url('../fonts/EuclidFlex-Regular-WebXL.woff') format('woff'),
         url('../fonts/EuclidFlex-Regular-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
p {color: #2e2c7c; font-family: EuclidFlex-Regular !important;}

I am changing the template from Nebula to Build.R which is pretty seamless for the most part except the font isn't being loaded using the same code. I have uploaded the relevant font files into a folder called "fonts" in the template folder.
Do I need to do something different for this to work with Build.R?
thanks
Sean

saguaros

Hi Sean,

Your above code load that font family, you need to apply that font to any element on your site, just like the p tag that you added. As you can see here, this font is working for p tag: http://prntscr.com/oodaqn

You need to apply for other elements like you did in Nebula custom css file, for example:

a {font-family: EuclidFlex-Regular !important; font-weight: 400 !important;
        color: #e50000 !important; text-decoration: none !important;}
a:hover {color: #2e2c7c !important;}
h1, h2, h3, h4, h5, h6 {
    
    color: #2e2c7c !important;
    font-weight: 600;
    text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.15); 
	font-family: EuclidFlex-Regular !important; }
	
	.icon-check:before {
font-family: fontawesome;
}

Salexis

Thank you, I see that, except the font that comes out isn't the right font. It looks like some generic font.
It should look like this (from the old site):

That's why I was wondering if the font files are in the right place/folder?

teitbite

Salexis Hi. I'm afraid I'm not able to see the site You are using this font for. Can You please check if it's not not blocked by country IP and disable this blocking?

Salexis

strange...
the site that is working how I want it to is:
www.edgeneve.ch

the one I am working on to test the template change is
50-40edg-bjg.ch

(id and passw in the original post details)

Salexis

Hey, I just tried uploading fresh versions of the web font files to the fonts folder and they are working now!
The files must have been damaged in some way when I did it the first time.
Thanks for your trouble and I will indeed apply the code as you pointed out.
cheers

Sean

teitbite

Salexis Hi. Great to hear that. Closing this thread now.