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 dando problemas, e às vezes são apenas determinadas fontes me dando o problema também.
Dependendo do número de páginas, Elegante pode ser uma opção. Você cria um arquivo css simples, onde você redefine as fontes.
Depois, você seleciona os URLs aos quais o estilo deve ser aplicado.
Não é necessário um bom conhecimento css, você pode ficar com font-family: whatever; .
Você pode criar uma folha de estilos do usuário para fazer isso. As folhas de estilo do usuário permitem que você substitua os estilos CSS de um site e os substitua pelos seus próprios estilos.
Primeiro você precisa encontrar a pasta de perfil do Firefox e criar o arquivo CSS, faça o seguinte:
chrome ou, se ela não existir, crie uma nova pasta chamada chrome . userContent.css
Agora abra esse novo arquivo em um editor de texto (como o Windows Notepad).
Agora você pode usar o 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 eles fiquem em uma fonte Arial e 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 de: @-moz-document domain(superuser.com) esta é a parte da linha que especifica em qual site você deseja que a nova regra seja aplicada, basta substituir "superuser.com" pelo website que você quer mudar. html, p, li, h1 é uma lista dos elementos HTML que você deseja alterar na página. font-family : serif !important; é a nova regra de estilo CSS que você deseja aplicar ao HTML, a diretiva !important faz com que o CSS neste arquivo substitua o CSS na própria folha de estilo do site.
Portanto, o arquivo usercontent.css conterá:
@-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 o arquivo e reinicie o Firefox e você verá que o texto agora está estilizado da maneira desejada.
link acima é a melhor resposta que encontrei no StackExchange, mas gostaria de adicionar detalhes sobre as classes em folhas de estilo (derivadas de link ):
Além da sintaxe de linha única acima, você pode incluir em userContent.css uma entrada de várias linhas como:
@-moz-document domain(jsbin.com){
#bin .editbox .CodeMirror pre,
.mobile .editbox textarea {
font-family: Menlo, Monaco, consolas, monospace !important;
}
}
Esta é na verdade uma seção modificada de uma das folhas de estilo do jsbin (de jsbin v4.1.0 style.css ) que desabilita o uso do jsbin da fonte "Source Code Pro".