Add More Than 2 Custom Fonts?

Brentos · November 2014

Hey guys,

Loving the theme so far! I was wondering if there's a way to add more than 2 custom fonts?

Right now there's only space to add 2 custom fonts in: BeTheme Options > Fonts > Font Family

However, I'd like to add more?

Albert · November 2014

Hey,

at this moment it is possible to add only 2 custom fonts.

Thanks!

Zero360Marketing · May 2016

So, make it possible, its urgent

Zero360Marketing · May 2016

I fount the solution to increase the custom form fields from 2 to 5

sr-vollmar · June 2016

HI Zero how did you do it?

I need more fonts also!

Please let me know

donbosco_ · July 2016

I would like to know that as well ;-) It must be possible to add more than only 2 custom fonts!

Thank you!

cking-bento · July 2016

I, too, would very much like to hear a solution/workaround. Any help would be appreciated Zero360Marketing

ronhaimov · August 2016

did anyone figure out where to change the custom form fields?

asgeirw · September 2016

Is there a solution?

Albert · September 2016

No, we do not have such feature included yet.

tom_danny · December 2016

I was able to change font by using some CSS.

First you have to upload custom fonts to your server with FTP. Here's the link:

Adding Custom Fonts in Wordpress Using CSS3 font-face

I needed to override font in columns. So what I did in Muffin Builder is:

First create column by Add Section -> Add Wrap -> Add Item -> Column

You would add some text inside of that column and you would wrap that whole text inside of tags and inside of tags with inline style.

So it would look something like this:

Here would be your content for that column

You would replace 'YourCustomFont' with your custom font.

Also make sure that 'YourCustomFont' has single quotes and is surrounded with font-family double quotes ""..... like line of code above "font-family: 'YourCustomFont';"

For Fancy Heading (for example) you would follow steps above but instead of Column you would choose Fancy Heading and inside of Fancy Heading settings, Title filed (at the top) you would add custom font to that title like this:

Your Title Here

Hope this can help some of you guys.

If it does help, please let me us know here.

Cheers!

admin_beinweb · September 2018

still not available in 2018

Pablo · September 2018

admin_beinweb

Please post your suggestions here: https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

We really appriciate new ideas.

Thanks.

Natchoin · November 2019

You can add more custom fonts by editing the following files:

fonts.php
theme-options.php

in the theme-options.php duplicate the code under the comment line "font 2"

replace all font 2 by font n (font 3 for example)

in the fonts.php edit lines under the comment "custom uploaded fonts"

example with 3 custom fonts:

// custom uploaded font

$font_custom = mfn_opts_get('font-custom');

$font_custom2 = mfn_opts_get('font-custom2');

$font_custom3 = mfn_opts_get('font-custom3');

if( $font_custom || $font_custom2 ){

$fonts['custom'] = array();

if( $font_custom ){

$fonts['custom'][] = '#'. $font_custom;

}

if( $font_custom2 ){

$fonts['custom'][] = '#'. $font_custom2;

}

if( $font_custom3 ){

$fonts['custom'][] = '#'. $font_custom3;

}

av_admin_1984 · November 2019

You have to add font in this file :

rtl.css

muffin-options/fonts.php

That's it.

rotanak23 · February 2020

I have followed Natchoin already and i can upload custom font 3. but the font does not work. i mean it does not change font.

Please help!

Pablo · February 2020

rotanak23,

Instead of customizing the theme files, you can add them through the @font-face rule https://www.w3schools.com/csSref/css3_pr_font-face_rule.asp

and set it through the inline css.

Thanks

av_admin_1984 · February 2020

Hi

I have folder that contain 4 folder : Eot , ttf , wof ,woff2 , and includes many
fonts,

I have the font face like this:

@font-face {

font-family: myfonts;

font-style: normal;

font-weight: normal;

src: url('fonts/eot/myfonts.eot');

src: url('fonts/eot/myfonts .eot?#iefix')
format('embedded-opentype'), /* IE6-8 */

url('fonts/woff2/myfonts.woff2')
format('woff2'), /* FF39+,Chrome36+,
Opera24+*/

url('fonts/woff/myfonts.woff')
format('woff'), /* FF3.6+, IE9, Chrome6+,
Saf5.1+*/

url('fonts/ttf/myfonts.ttf')
format('truetype'); }

I have add
all that lines in “rtl.css” and also add the font name in muffin-options>fonts.php
, see the example

$fonts['system']
= array(

// Add By me //

‘Myfonts1’,

' Myfonts2',

' Myfonts3',

' Myfonts4',

' Myfonts5',

' Myfonts6',

// Add By me //

And all
fonts load in the theme options> fonts> font family

But the
problem is fond dos not loaded.

This is my font and css fils Please cheek
that wat is the problem to preventing font load ?

Thanks

Natchoin The 3rd font dos not work in that scenario you said before.

Pablo · February 2020

The @font-face rule should be used in the Theme Options > Custom CSS & JS > CSS.

If location of the font will be proper, you will have to use the "inline-css" with "font-family" parameter to change the font of some kind of text - it will not be displayed in the dropdowns where you select the font.

Thanks

av_admin_1984 · February 2020

I tested and that is not work , Would you please show me how to do that ? maybe I'm going wrong way.

Thanks

Pablo · February 2020

See how it works here:

Font face: https://www.w3schools.com/csSref/css3_pr_font-face_rule.asp

Inline CSS: https://www.w3schools.com/html/html_css.asp

Font Family: https://www.w3schools.com/cssref/pr_font_font-family.asp

Thanks

Add More Than 2 Custom Fonts?

Comments

Adding Custom Fonts in Wordpress Using CSS3 font-face