Upload Orkney-Light Font

Hey JM,

Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

Best regards,
Rikard

Hi,

THank you for the update.

Where did you put the font files? Which directory? You can use the font face rule to register the font.

@font-face {
  font-family: 'FontName';
  src: url('webfont.eot'); /* IE9+ Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super modern browsers */
       url('webfont.woff') format('woff'), /* Modern browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#FontName') format('svg'); /* Legacy iOS */
}

Adjust the font name and add the path of the font files.

Best regards,
Ismael

Hi,
Glad to hear that it is sorted out now, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Sorry my misunderstanding, so I downloaded your font “orkney-light” and imported it into localhost and then I applied it to the headings which worked fine.
When I look at your “advanced styling” I see that you have selected “default font family” for your headings and body.
Which headings did you want to have “orkney-light”?

Your font will not be available in the “TinyMCE Advanced”, the theme settings doesn’t change the WordPress editor settings. You can try editing TinyMCE Advanced to add custom fonts, but I would recommend not using TinyMCE Advanced as it often causes issues with the Advanced Layout Builder.

To use css to change your font-family, such as the special heading on your homepage “B I E N V E N U E” Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

h1.av-special-heading-tag {
font-family: 'orkney-light' !important; 
}

Please see the screenshot in Private Content area.

Best regards,
Mike