DMS 2 Adding a Custom Font

[tristanrodgers 0]

Website URL: http://mc1r-magazine.com/
Framework Version:  2.1.9.2
WordPress Version: 4.1
Plugins in Use: The Pagelines Plugins

 

Hey guys,

 

I have a problem since I tried to add a custom font in my theme.

I created a font-face-kit via "font-squirrel" and I tried to include the font on this way the docs tell me to do it:

 

http://docs.pagelines.com/tutorials/adding-custom-fonts

http://docs.pagelines.com/customize/base-child-theme

 

But it didn't work and it messed up the page in Firefox. Of course the Cache is empty, code deleted, plugins deactivated, but it still shows a messed up page in Firefox! I've included 2 screenshots to show you the problem (and another problem with the background-color of the font, maybe you see there is blue but I've chosen an orange)

 

Greetings,

Tristan

[tristanrodgers 0]

My question is: How can I add a custom font to my website with using DMS as my theme. There is no Child Theme basiclly installed in the system or something else. Do I really have to download it and include it like the 2 links tell me to do?

[Danny+ 1,327]

Hi,

 

The documentation for implementing custom fonts, works I wrote the article and tested it vigorously before publishing it. Therefore, if you're having issues with implementing a custom font, you're not following the instructions correctly or you have something else causing the issue.

Therefore, you're going to need to give us more information such as:

 

A link to the site in question and make sure DMS debug mode is active.

Are you using a child theme and have you added the code to the child theme?

[tristanrodgers 0]

I don't use Child Theme, so maybe i didn't install it right? In my font face generated css the code is double and in your doc there is only one part to edit and copy, how do I handle that?

 

I'll try it again later and will let you know how it worked! Thank you for your reply or where the issue could be!

[Danny+ 1,327]

I am not sure what you're referring to when you say the following:

 

"In my font face generated css the code is double and in your doc there is only one part to edit and copy, how do I handle that?"

 

If you have generated custom CSS for your font, then you need to add the fonts CSS to your custom CSS, this can be either in the Custom CSS editor in the DMS toolbar or a child theme. Then you will need to upload your fonts to a location on your server and then update the paths in the fonts CSS to match the paths to where you uploaded the font files.

You will then need to override the default CSS for your elements to use that font family. Such as:

 

h1 {

  font-family: "MyCustomFont";

}