☰

Substitua fontes no Firefox apenas em determinados sites e apenas em determinadas fontes

tag-icon • tag-icon firefox fonts
Substitua fontes no Firefox apenas em determinados sites e apenas em determinadas fontes

Existe uma maneira de substituir as fontes de um site, mas apenas em determinados sites? Estou ciente da opção em conteúdo, mas isso se aplica a todos os sites, e apenas alguns sites estão me causando problemas e, às vezes, apenas algumas fontes também estão me causando problemas.

Responder1

Dependendo do número de páginas,À modapode ser uma opção. Você cria um arquivo css simples, onde redefine as fontes.

Depois você seleciona os URLs aos quais o estilo deve ser aplicado.

Não é necessário nenhum grande conhecimento de CSS, você pode ficar com o font-family: whatever;.

Responder2

Você pode criar uma folha de estilo do usuário para fazer isso. As folhas de estilo do usuário permitem substituir os estilos CSS de um site e substituí-los pelos seus próprios.

Primeiro você precisa encontrar a pasta de perfil do seu Firefox e criar o arquivo CSS, faça isso:

  • Clique no menu Firefox (no canto superior esquerdo da janela do Firefox)
  • Selecione Ajuda -> Informações para solução de problemas
  • Na seção Princípios básicos do aplicativo, clique no botão Show Folderou Edit Folderna linha Pasta de perfil.
  • Na pasta aberta, entre na chromepasta ou (se não existir) crie uma nova pasta chamada chrome.
  • Crie um novo arquivo de texto chamadouserContent.css

Agora abra esse novo arquivo em um editor de texto (como o Bloco de Notas do Windows).

Agora você pode usar CSS para substituir estilos de determinados sites, por exemplo, para alterar todas as fontes principais deste site para usar um estilo Serif:

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

Ou para alterar todos os links no StackOverflow para que fiquem em itálico, fonte Arial:

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

Dividindo essas linhas CSS, elas são compostas por: @-moz-document domain(superuser.com)esta é a parte da linha que especifica a qual site você deseja que a nova regra se aplique, basta substituir “superuser.com” pelo site que você deseja alterar. html, p, li, h1é uma lista dos elementos HTML que você deseja remodelar nessa página. font-family : serif !important;é a nova regra de estilo CSS que você deseja aplicar ao HTML, a !importantdiretiva faz com que o CSS neste arquivo substitua o CSS na folha de estilo do próprio site.

Portanto, seu arquivo usercontent.css conteria:

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

Agora salve esse arquivo e reinicie o Firefox e você verá que o texto agora está estilizado da maneira que você deseja.

Responder3

https://superuser.com/a/532623/460302acima é a melhor resposta que encontrei no StackExchange, mas gostaria de adicionar detalhes sobre classes em folhas de estilo (derivadas dehttps://ffeathers.wordpress.com/2013/03/10/how-to-override-css-stylesheets-in-firefox):

Além da sintaxe de linha única acima, você pode incluir userContent.cssuma entrada de múltiplas linhas como a seguinte:

@-moz-document domain(jsbin.com){ 

#bin .editbox .CodeMirror pre,
.mobile .editbox textarea {
  font-family: Menlo, Monaco, consolas, monospace !important;
}
}

Na verdade, esta é uma seção modificada de uma das folhas de estilo do jsbin (de jsbin v4.1.0 style.css) que desativa o uso da fonte "Source Code Pro" pelo jsbin.

informação relacionada