Return to previous page

Add custom font-family option to dropdown

This topic has 2 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Olga Barlow

vantmarketing

Participant

June 19, 2017 at 17:21

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

Please, contact administrator
for this information.

#166032 Copied Theme version: 1.0 WooCommerce version: 3.0.8

1 Answer

Olga Barlow

Support staff

June 21, 2017 at 13:24

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
Viewing 2 results - 1 through 2 (of 2 total)