1: Agregar las fuentes (en formato .ttf .otf .woff) en la carpeta wp-content -> Themes -> Salient -> fonts

2: En el editor de css agregar las nuevas tipografías con el siguiente código:

@font-face {
font-family: ‘Trebuchet MS Regular’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS.ttf») format(«truetype»);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘Trebuchet MS Italic’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Italic.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Italic.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Italic.ttf») format(«truetype»);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: ‘Trebuchet MS Bold’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Bold.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Bold.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Bold.ttf») format(«truetype»);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: ‘Trebuchet MS Bold Italic’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS Bold-Italic.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS Bold-Italic.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS Bold-Italic.ttf») format(«truetype»);
font-weight: bold;
font-style: italic;
}

3: Instalar plugin Code Snippets

4: Una vez instalado ir a agregar nuevo y agregar el siguiente código:

function salient_redux_custom_fonts() {
return array(
‘Custom Fonts’ => array(
‘Trebuchet MS’ => ‘Trebuchet MS Regular’,
‘Trebuchet MS Italic’ => ‘Trebuchet MS Italic’,
‘Trebuchet MS Bold’ => ‘Trebuchet MS Bold’,
‘Trebuchet MS Bold Italic’ => ‘Trebuchet MS Bold Italic’,
)
);
}
add_filter( «redux/salient_redux/field/typography/custom_fonts», «salient_redux_custom_fonts» );

5: Una vez listo estas salen desplegadas dentro de las opciones del tema en las tipografías como custom

Leave a Reply