Using special font in header

Hi , I’m using the following css to use a particular font, called a “little pot”, which I converted from ttf to woff using fontsquirrel.

@font-face {
font-family: a_little_pot;
src: url(http://www.houserocket.co.uk/wp-content/themes/astrid/fonts/alittlepot-webfont.woff) format(woff);
font-weight: normal;
font-style: normal;

}
.header-text {
font-family: a_little_pot;
text-align: center;
}

Have I got the syntax correct? Some examples use “src=” rather than “src:” . Some examples use single quotes ‘xxx’ in various places.
I’m also wondering if it’s important where this css is placed. My WP customise side panel has two css sections;“simple custom css” and “addtional css”. I could also use the theme editor to put the above code into the main system.css . Which, if any is correct? Nothing I’ve tried so far works.

Hello,

Have I got the syntax correct? Some examples use “src=” rather than “src:” . Some examples use single quotes ‘xxx’ in various places.

Please check this link:
https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

I’m also wondering if it’s important where this css is placed. My WP customise side panel has two css sections;“simple custom css” and “addtional css”. I could also use the theme editor to put the above code into the main system.css . Which, if any is correct?

simple custom css section most likely comes from a plugin. You can safely move the CSS code from there to addtional css section and remove the plugin. That plugin was actual before WordPress itself got such feature (addtional css section comes from WordPress itself). Please don’t edit theme files directly, you will lose those changes after theme update. You can do it with a child theme though:
https://developer.wordpress.org/themes/advanced-topics/child-themes/

Nothing I’ve tried so far works.

I’ve just checked your website and it looks like it’s working now, isn’t it?

Kind Regards, Roman.
aThemes Support

Yes it is working now. More trial and error and some help from my temporary site host.

Great! Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.
aThemes Support