Return to previous page

Topic: Add custom font-family option to dropdown

vantmarketing

Participant

June 19, 2017 5:21 pm

Hi! I’d like to add my own custom font-family selections to the Theme Options configurator. (/wp-admin/admin.php?page=_options&tab=1).

I can load my custom fonts using FortAwesome but I’d like to just be able to select the manually added names in the dropdowns for the typography theme options. It would IMMENSELY speed up the configuration to be able to do this rather than having to specify custom font-family in the typography for EVERY class and use case.

Where in the theme can I change this or is there a way to add the options from the child theme?

Screenshot url: https://cl.ly/l5N2
Theme version: 1.0
WooCommerce version: 3.0.8

Content is visible for topic creator and
support staff only.

#166032 copied to clipboard

Like

Olga Barlow

Support staff

June 21, 2017 1:24 pm

Hello,

It’s possible only by some changes in Redux plugin files, so keep file in safe during plugin update
1) Create fonts folder in child theme and place your font files.
2) After that in child theme style.css add the following
@font-face {
font-family: ‘MyWebFont’;
src: url(‘fonts/font-file-name.eot’);
src: url(‘fonts/font-file-name.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/font-file-name.woff2’) format(‘woff2’),
url(‘fonts/font-file-name.woff’) format(‘woff’),
url(‘fonts/font-file-name.ttf’) format(‘truetype’),
}

Where ‘MyWebFont’ is the font name. Again you can name it as you wish.
‘WebFont.eot’, ‘WebFont.ttf’, etc are the font file names (the fonts you added at the custom-fonts folder).

3) plugins/redux-framework/ReduxCore/inc/fields/typography/field_typography.php
find line and add https://gyazo.com/ecacca7972d8f8fee98ef4b0327f04b5

Regards

#166138 copied to clipboard

Like