Pergunta de negócios do WordPress Atlast: fontes personalizadas

Um usuário perguntou ?

Eu de novo – preencha este fórum. ?

Existe uma maneira de adicionar uma fonte personalizada ao tema? Estou interessado em uma fonte chamada Appetite; não faz parte do pacote de fontes padrão. Baixei o pacote de fontes e carreguei-o no meu banco de dados. Tentei então iniciar a fonte com @font-face, mas infelizmente não funcionou.

Existe um plugin amigável que vai bem com o tema? Ou talvez eu esteja fazendo algo errado…

Autor do tópico

(@arquimidismo)

2 anos, 8 meses atrás

Olá @damyan90! Você não está preocupado em perder muitas coisas, o que mostra que está realmente interessado em usar e expandir nosso tema Atlast Business.

Bem, esta é uma questão muito complexa. Isso ocorre porque algumas fontes do Google são incorporadas a esse tema e também a folha de estilo é escrita na linguagem SASS (e depois convertida em CSS). Até onde eu sei, não existe um plugin para incorporar uma fonte verdadeiramente personalizada.

Mesmo a incorporação da Web personalizada é difícil de incorporar, mesmo nos chamados temas “profissionais”. No entanto, pode ajudar.

Verei como adicionar uma fonte personalizada mesmo que você não seja um desenvolvedor e escreverei um artigo na seção de documentação. Você será notificado aqui, ok?

Acho que nos próximos 2 dias você terá o tutorial pronto. você é muito respeitado

ArchimidisM

lançador de tópicos

(@damyan90)

2 anos, 8 meses atrás

Eu mesmo consertei! Primeiro, você precisa fazer o upload do arquivo de fonte para uma pasta em seu servidor (acho que não importa exatamente qual pasta) Aqui está o código que usei para instalar uma fonte:


@font-face {
    font-family: 'whatever you want the font to be called';
    src: url( 'the URL of the font e.g. where you uploaded it. ) format('truetype');
    font-weight: normal;
}
After you do this, you can use css to boot the font you installed on whatever element you want by using the name you put in font-family.
So, after installing the font with the code I gave, if you want to change the font in the header menu you do this:

seletor de cabeçalho {font-family: ‘o nome que você usou ao instalar a fonte’; }

Então foi assim que tudo me pareceu com os dois códigos:


@font-face {
    font-family: 'Appetite-Italic';
    src: url(' format('truetype');
    font-weight: normal;
}

para instalar a fonte. E agora…


body > div.header-image-container > div > h2 {
	font-family: 'Appetite-Italic'
}

N.B.!! Quando você adiciona a(s) fonte(s) ao seu banco de dados, ela deve ser .ttf ou .otf Certifique-se de que o nome do arquivo seja apenas em letras minúsculas. É por isso que meu código não foi executado no início.

Autor do tópico

(@arquimidismo)

2 anos, 8 meses atrás

Caro Damyan90, você é incrível. Eu estava prestes a escrever um tutorial hoje, e você escreveu. Prestígio!

Cumprimentos e obrigado novamente! ArchimidisM

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *