Mesmo para quem trabalha com o plugin do Elementor ou elementor Pro, pode querer adicionar fontes personalizáveis ao seu site

Utilizar fontes do Google Fonts é muito fácil. O próprio Google fornece um código para você copiar no cabeçalho do site. Às vezes, vem na própria configuração do tema pra facilitar ainda mais.

Em contrapartida, fontes personalizadas ou customizadas vêm em forma de um arquivo com extensão TTF no formato “*.ttf”. Não se pode simplesmente colocar essa pasta da fontes dentro do nosso site, isso nunca irá funcionar.

Imagine que compra uma fonte e que quer usá-la no seu projeto wordpress, deve ter um arquivo ttf ou otf dessa fonte. Para conseguirmos incluir a fonte no nosso site, devemos ter os arquivos de extensão .woff e .woff2, além do .ttf e uma stylesheet .css.
Se você ainda não tem os arquivos supracitados, vá no site FontSquirrel.com e gere um kit de webfontes a partir de sua fonte .ttf ou .otf. Faça o download do kit gerado (arquivo .zip) e guarde numa pasta de fácil localização.

Agora que temos todos os arquivos necessários para a fonte funcionar no nosso site, vamos fazer o upload destes arquivos para o seu servidor. Descompacte a pasta zipada com o kit de fontes de sua fonte personalizada. Utilizando o seu serviço de FTP crie uma pasta dentro de uploads chamada Fonte (ou o que fizer mais sentido para você). Faça o upload da pasta com todos os arquivos do webfont kit para o seu servidor na pasta que acabou de criar.

A seguir vamos colocar o css das fontes via hook wp_enqueue_scripts no functions.php do seu tema:

function fonts() {
wp_enqueue_style( ‘nomedafonte’ , ‘/wp-content/uploads/fonts/stylesheet.css’ );
}
add_action( ‘wp_enqueue_scripts’ , ‘fonts’ );

Agora que já criou o webfont kit, e o colocou no servidor, só falta você exibir a fonte através de CSS.

body, h1, h2 , h3 { font-family: ‘nomedafonte’; }