Substituir fontes no Firefox apenas em determinados sites e apenas em algumas fontes

9

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

firefox fonts Avery3R
fonte
Que tipo de problema?
Karan
As fontes são projetadas para anti-aliasing; Eu uso um monitor CRT. Com o AA ligado, parece uma porcaria, com o AA desligado, parece uma porcaria.
Avery3R
Eu acho que a única maneira de fazer algo assim pode ser escrever scripts de usuários personalizados .
Karan
Relacionado (envolvendo o mesmo arquivo userContent.css): Como alterar as cores dos links no Firefox e Chrome, mas deixar todas as outras cores e fontes como estão?
Peter Mortensen

Respostas:

6

Dependendo do número de páginas, Stylish pode 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.

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

mreq
fonte
Essa deve ser a resposta aceita ^^ Simples e resolva a necessidade!
Nam G VU
4

Você pode criar uma folha de estilos 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.

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

  • Clique no menu Firefox (no canto superior esquerdo da janela do Firefox)
  • Selecione Ajuda -> Informações sobre solução de problemas
  • Na seção Informações básicas sobre aplicativos, clique no botão Show Folderou Edit Folderna linha Pasta de perfil.
  • Na pasta aberta, vá para a chromepasta ou (se não existir) crie uma nova pasta chamada chrome.
  • Crie um novo arquivo de texto chamado userContent.css

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

Agora você pode usar CSS para substituir estilos de determinados sites, por exemplo, para alterar todas as fontes principais deste site para usar o 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 estejam em uma fonte Arial em itálico:

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

Quebrando essas linhas CSS, elas são compostas: @-moz-document domain(superuser.com)esta é a parte da linha que especifica em qual site você deseja aplicar a nova regra, basta substituir "superuser.com" pelo site que você deseja alterar. html, p, li, h1é uma lista dos elementos HTML que você deseja estilizar 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 nesse arquivo substitua o CSS na própria folha de estilo do 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ê deverá ver que o texto está com o estilo que você deseja.

GAThrawn
fonte
11
Esta resposta obtém minha preferência, a configuração no diretório de perfil é fácil de versão e tem menos chance de falha ao ativar quando o firefox não suporta mais uma extensão.
Ed Neville
0

https://superuser.com/a/532623/460302 acima é a melhor resposta que encontrei no StackExchange, mas gostaria de adicionar detalhes sobre as classes nas folhas de estilo (derivadas de https://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 várias linhas como a seguinte:

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

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

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

COD-REaD
fonte