Webfonts from MyFonts.com – Larsseit

[MarieWorks]

Hi all,

We would like to purchase the webfont licence for the Larsseit font from myfonts.com (http://www.myfonts.com/fonts/typedynamic/larsseit/) to match with some new print materials we are producing.

Before going ahead I wanted to make sure that it would be possible to install this on our neighbourhood child theme?

It does not seem quite as simple as installing a google font or font from fontdeck.

Can we just copy the fonts css files into the relevant fontdeck css boxes in the theme options>font options?

Many thanks,

C

[Mohammad – SUPPORT]

Hi,
You can copy the fonts css files into the relevant fontdeck css boxes in the theme options.

Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

Great – thanks for confirming – good to know before we go ahead with purchase.

C

[Mohammad – SUPPORT]

Hi,
Happy to help 🙂 .
Thanks
Mohammad

[MarieWorks]

This reply has been marked as private.

[MarieWorks]

This reply has been marked as private.

[MarieWorks]

Hi Mohammad,

Sorry to bother – just wondering if there was any advice you could offer on adding the myfonts.com css

doesnt seem to be working for us at the moment.

Thanks,

C

[Mohammad – SUPPORT]

Hi,
What code have been used by you? I need code and font documentation to make it work perfectly.
Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

css provided by my fonts is as below

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e5f68");

  
@font-face {font-family: 'Larsseit-Bold';src: url('webfonts/2E5F68_0_0.eot');src: url('webfonts/2E5F68_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5F68_0_0.woff2') format('woff2'),url('webfonts/2E5F68_0_0.woff') format('woff'),url('webfonts/2E5F68_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit';src: url('webfonts/2E5F68_1_0.eot');src: url('webfonts/2E5F68_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5F68_1_0.woff2') format('woff2'),url('webfonts/2E5F68_1_0.woff') format('woff'),url('webfonts/2E5F68_1_0.ttf') format('truetype');}

set up doc (start here) attached

many thanks

c

[Mohammad – SUPPORT]

Hi,
Have you created this directory webfonts at your website root installation ? Make sure that all fonts path should be correct.
Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

Thanks for the reply.

Do we have to FTP the font files to the child theme file ?

thanks

c

[Mohammad – SUPPORT]

Hi,
You can do it but you need to upload fonts at child theme directory and write correct path in code.
Thanks
Mohammad

[MarieWorks]

how do we create the webfonts directory you mentioned ?

thanks again for your help

c

[Mohammad – SUPPORT]

Hi,
You can create the directory through FTP software and CPanel.
Thanks
Mohammad

[MarieWorks]

Hi Mohammad,

I have tried adding the font to:
public_html/wp-content/themes/neighborhood-child/fonts

and then using the code below in the custom css box – but still does not seem to be taking effect ??

@font-face {
font-family: Larsseit;
src: url(/public_html/wp-content/themes/neighborhood-child/fonts/2E6300_0_0.woff
);
font-weight: normal;
}

sorry if im being a bit slow

thanks
c