Docs

[savvyentourage]

I have a few fonts that I found for commercial use via behance.net. I only want to use 3 custom fonts in total.

1 for the header
1 for the body
1 for miscellanous use to accentuate the layout.

I want to be able to use them freely within cornerstone when adding text to the website.

Is there a quick fix for this issue?

Kind Regards,
Guillermo Quirindongo

[Christopher]

Hi there,

If the fonts are commercial you can’t use them freely since you need different font formats files to load on your site and since you don’t have those files you can’t use the font.

Hope it helps.

[savvyentourage]

They are allowed for commercial use. How do I load custom authorized fonts onto my webpage?

[Rupok]

Hi there,

Here goes the step by step guide to add custom webfont to your site.

You can add custom fonts to your website using CSS3 @font-face rule. To do this, please review this article: http://css-tricks.com/snippets/css/using-font-face/

Basically you need to add the following code in your child theme’s style.css file (if you haven’t installed a child theme, please visit this to install Child Theme):

@font-face {
  font-family: 'MyWebFont';
  src: url('path-to-your-font-directory/font_name.eot');
  src: url('path-to-your-font-directory/font_name.eot?#iefix') format('embedded-opentype'),
       url('path-to-your-font-directory/font_name.woff') format('woff'),
       url('path-to-your-font-directory/font_name.ttf')  format('truetype'),
       url('path-to-your-font-directory/font_name.svg#svgFontName') format('svg');
}

Replace MyWebFont with the name of your font, path-to-your-font-directory with your fonts directory URL (e.g, http://yourwebsite.com/fonts) and font_name with your font’s name.

Next, whenever you need to use this font, simply use “MyWebFont” (or your custom font name), e.g:

body {
   font-family: 'MyWebFont', sans-serif;
}

Hope this helps. 🙂

Thank you.

[savvyentourage]

If I install the child theme will this change all the current content on my webpage?

[Lely]

Hi There,

Installing a child theme will not change any of your content. If you want to make sure, you can either backup your entire site or backup the customizer via Addons > Customizer Manager.

Hope this helps.

[Author]

Posts