Como añadir fuentes personalizadas en Elementor de WordPress

Elementor es un pluging fantastico para maquetar con wordpress. Pero la version gratuita tiene algunas limitaciones, claro… Una de ellas es poder añadir fuentes propias para utilizar en el editor. Pero todo tiene solución en esta vida… menos la muerte. En este caso hay que añadir este código al functions.php de tu plantilla.

function modify_controls( $controls_registry ) {
    $fonts = $controls_registry->get_control( 'font' )->get_settings( 'options' );
    $new_fonts = array_merge( [ 'nombre_de_nuestra_fuente' => 'system' ], $fonts );
    $controls_registry->get_control( 'font' )->set_settings( 'options', $new_fonts );
}
add_action( 'elementor/controls/controls_registered', 'modify_controls', 10, 1 );

Por otro lado tendrás que añadir la fuente en tu style.css.

@font-face {
    font-family:nombre_de_nuestra_fuente;
    src: url(https://media.dominio.es/fuente_light.eot?#iefix) format("embedded-opentype"),url(https://media.fuente.es/fuente_light.woff2) format("woff2"),url(https://media.fuente.es/fuente_light.woff) format("woff"),url(https://media.fuente.es/fuente_light.ttf) format("truetype"),url(https://media.fuente.es/fuente_light.svg#fuente) format("svg");
    font-weight: 100;
    font-style: normal
}