Comment puis-je remplacer le minimum-taille de police dans Firefox?
Mon site s'affiche comme dans le besoin en IE et Opera, mais dans Firefox, je ne peux pas obtenir (via CSS) pour avoir des tailles de police plus petite que Firefox par défaut minimum-taille de police. Bien sûr, je peux aller dans Outils>Options et supprimer cette valeur, mais d'autres utilisateurs de voir quelques-uns des éléments déplacés.
J'ai essayé d'utiliser !important, mais il ne fonctionne pas. Et je ne peux pas remplacer le texte par des images, ils sont dynamiques des champs.
Si vous sentez le besoin de texte une taille inférieure à celle qui ne permet pas de dégradation gracieuse si, par exemple, un visuel-impared personne a mis la taille plus grande valeur, peut être devriez-vous revoir votre conception?
Votre pensée est foiré. Vous vous demandez comment faire pour remplacer une préférence de l'utilisateur avec votre propre. Entièrement défait le point d'avoir des préférences de l'utilisateur. Tout projet qui ne parvient pas basé sur la taille de la police (y compris les personnes en augmentant/diminuant leur réglage) est tout simplement une mauvaise conception. Vous pouvez être en mesure de le lire sur votre écran, avec votre eyesite mais comme les résolutions d'écran monter de plus en plus ce sera tout simplement empêcher une utilisation correcte de votre site (même si c'est juste un texte d'exclusion)
Je n'ai pas de conception du site templates (PS maquettes). C'était un designer graphique. Je sais que sa conception n'est pas bon en termes d'accès. Je pourrais dire de lui, dans le fait, je l'ai fait, mais personne ne veut l'entendre, pas lui, pas le gestionnaire de projet, pas n'importe qui. Ils veulent mettre tout ce texte dans les petites boîtes. Tout ce que je besoin est de savoir si une telle chose comme ce que je demande est possible. Seulement que.
J'ai exactement le même problème ici. Ce FF fonctionnalité est vraiment ennuyeux, et pas cohérents entre les installations. Avez-vous trouvé une solution à ce problème?
Si je vérifie
Votre pensée est foiré. Vous vous demandez comment faire pour remplacer une préférence de l'utilisateur avec votre propre. Entièrement défait le point d'avoir des préférences de l'utilisateur. Tout projet qui ne parvient pas basé sur la taille de la police (y compris les personnes en augmentant/diminuant leur réglage) est tout simplement une mauvaise conception. Vous pouvez être en mesure de le lire sur votre écran, avec votre eyesite mais comme les résolutions d'écran monter de plus en plus ce sera tout simplement empêcher une utilisation correcte de votre site (même si c'est juste un texte d'exclusion)
Je n'ai pas de conception du site templates (PS maquettes). C'était un designer graphique. Je sais que sa conception n'est pas bon en termes d'accès. Je pourrais dire de lui, dans le fait, je l'ai fait, mais personne ne veut l'entendre, pas lui, pas le gestionnaire de projet, pas n'importe qui. Ils veulent mettre tout ce texte dans les petites boîtes. Tout ce que je besoin est de savoir si une telle chose comme ce que je demande est possible. Seulement que.
J'ai exactement le même problème ici. Ce FF fonctionnalité est vraiment ennuyeux, et pas cohérents entre les installations. Avez-vous trouvé une solution à ce problème?
Si je vérifie
about:config
dans Firefox 15.0.1 (Ubuntu) et d'un filtre à font.minimum-size
il n'existe pas de paramètres par défaut, puis d'autres 13
sur font.minimum-size.th
.OriginalL'auteur Alextronic | 2010-03-10
Vous devez vous connecter pour publier un commentaire.
D'accord. Je vais vous expliquer comment vous faites cela, mais vous devez savoir quelques choses d'abord.
1. Vous ne devriez pas faire cela.
Il y a une raison, et une très bonne, la taille minimale de la police paramètre existe. Simplement, avec la plupart des polices, c'est déjà une lutte de lire quelque chose en dessous de 12px, jamais l'esprit au-dessous de la valeur minimale par défaut de 9px. Si votre conception de appels pour de telles tailles de police pour rien, mais un ensemble extrêmement restreint de circumstances1, puis votre design est tout simplement mauvais et à l'exclusion d'une vaste catégorie d'utilisateurs.
2. Vous ne devriez vraiment pas faire cela.
Le web est intrinsèquement support flexible, et une bonne conception doit tenir compte de cette. Les projets qui nécessitent un fixe la taille de police pour le travail sont adaptés pour l'impression, mais ils ne sont pas adaptés pour le web. Un créateur qui ne peuvent pas travailler avec cette exigence ne pas comprendre le milieu, et en aucun décent PM devrait accorder la priorité à un concepteur de mauvaises décisions sur la praticité et la facilité d'utilisation. Vous avez beaucoup plus grand, plus fondamentale des problèmes si vous ne pouvez pas faire valoir contre cette décision.
3. Vous avez vraiment, vraiment ne devrais pas faire cela.
Selon votre compétence, vous pourriez être errant sur un flou juridique. Minuscule tailles de police sont difficiles à lire, et il sera très facile pour vos utilisateurs manquer de l'information—ce qui est particulièrement gênant si le texte est juridiquement importantes, telles que l'opt-out de l'information ou un avertissement. Vous êtes également marcher sur la glace mince à l'égard de l'accessibilité de votre site par la pose de graves problèmes pour les personnes ayant une déficience visuelle.
Comment le faire de toute façon
Il est assez facile à faire Firefox polices d'affichage, à moins que le minimum de la taille spécifiée: il suffit d'utiliser le
font-size-adjust
de la propriété.Vient ici la science bits
Chaque police a quelque chose qui s'appelle un aspect valeur, qui est le rapport entre sa hauteur (la hauteur de la lettre x)2 et le réel la taille de police que vous avez défini. En Comic Sans, par exemple, c'est vraiment gros (0.55), comme vous pouvez dire par la façon dont la taille la plus courte des lettres (a, c, e...) sont comparés à grandir, les lettres b, d, h...), alors que dans le Courier New, il est beaucoup plus petit (0.43).
Cette variabilité peut causer certains problèmes. Par exemple, disons que vous spécifiez un super-fantaisie police de caractères pour le texte du corps, mais parce que vous êtes un bon concepteur de vous fournir plusieurs polices de secours. C'est génial, mais parce que certaines de ces réserves ont aspect différent des valeurs, des lettres pourrait être plus petits et de moins en moins lisible à la taille spécifiée.
font-size-adjust
vous permet de vous assurer que tout repli a la même hauteur que votre super-fantaisie de police.Malheureusement, nous pouvons également l'utiliser pour rendre le texte moins lisible. Disons que votre corps de texte est Segoe UI à 12px:
L'aspect de la valeur de Segoe UI est presque exactement à 0.5, donc si vous spécifiez que le
font-size-adjust
valeur votre taille de la police ne change pas:Ce qui se passe si nous avons choisi quelque chose de plus petit? Ainsi, le navigateur va ajuster la taille de police à utiliser un x-hauteur égale à
font-size
×font-size-adjust
. Ci-dessous, par exemple, aura un effectif de police-taille de 6px:C'est ce qui forme la base de notre attaque. Il s'avère que Firefox honneur
font-size-adjust
même si elle remplace la taille minimale de la police. (Il va sans dire que c'est un bug.)La démo
Essayez ceci dans Firefox avec un minimum de taille de police définie. Elle exploite deux bugs: celui-ci
font-size-adjust
question et une question distincte de présentation de rapports, le rendu de la taille de la police pargetComputedStyle
.Vous avez besoin de savoir l'aspect de la valeur de la police que vous utilisez pour cela de calculer le droit
font-size-adjust
valeur, pour qui cette liste d'aspect valeurs pourrait vous aider. (Sinon, essayez un estimé à hauteur d'x pour les polices installées sur votre système.)Mais attendez! Il y a pire!
La technique ci-dessus ne fonctionne que sous Firefox. C'est encore plus facile de remplacer la taille minimale de la police sur un élément dans Webkit, y compris Safari, iOS Safari et Chrome—il suffit d'utiliser la non-standard
-webkit-text-size-adjust
propriété:C'est un autre bug, par la manière.
text-size-adjust
est un non-projet de norme pour but de limiter la mesure dans laquelle le texte de taille est automatiquement gonflé sur les appareils mobiles. Il n'est pas destiné à travailler sur le bureau de la Samu, encore moins empêcher manuel de texte de redimensionnement.Dernier mot: il ne va pas durer éternellement
Bugs ont été corrigés par la suite. Vous n'êtes pas censé être en mesure de remplacer le navigateur par défaut de la taille de la police, peu importe combien votre irresponsables designer et PM veux que vous. Tôt ou tard, les gens vont comprendre que ces propriétés sont exploitées afin de rendre le web plus mauvais pour tout le monde, quelqu'un fera de la terre un patch et le plaisir sera plus.
Cela dit, si vous êtes obligés de cela, je suis entièrement d'préconiser une solution qui finira par forcer les parties à repenser leur décision.
1 Astuce: si votre texte transmet toute information qui est destinée à être lus par n'importe qui, jamais, vous ne devriez pas être déconner avec le navigateur les paramètres d'accessibilité. Légitime cas comprennent purement effets décoratifs (complexe ASCII art, la forme de la poésie) et les aperçus des documents.
2 Plus correctement, la distance de la ligne de base de la médiane de la hauteur, qui est la hauteur de la lettre x dans la plupart des polices.
Juste une petite remarque à propos de "c'est illisible, et de la mauvaise conception". J'ai besoin de ces polices de très petite taille pour une webapp où vous avez la possibilité de prévisualiser une lettre en temps réel, dans une sorte de miniature. Le texte n'est pas lisible sur un écran standard (sur un écran Retina pas de problème), mais l'objectif est de donner à l'utilisateur un retour visuel de "où" le texte s'affiche. Je dois dire que je suis surpris de la taille de la police est contrainte par les navigateurs.
Aaah, je vois! Il peut y avoir une plus belle façon de le faire, cependant. Avez-vous considéré l'utilisation de la
scale
transformer? E. g. dabblet.com/gist/3798630. Vous pouvez utiliser une taille de police plus grande et il devrait être redimensionnée de manière fiable dans la plupart des navigateurs modernes—si vous aurez besoin d'une pincée de fournisseur de préfixes. Vous pouvez même reproduire l'effet dans IE < 9, avec une feuille de style personnalisée qui utilise la propriétézoom
fonction.Les deux Firefox bugs sont malheureusement encore non fixée. À partir d'un point de vue utilisateur, le font-size-adjust bug peut être surmonté par l'aide de la addons.mozilla.org/firefox/addon/no-small-text addon. L'autre persiste cependant.
Je suis venu ici parce que j'utilise Firefox 33, et il semble être en train de faire quelque chose comme cela - soit il y a un autre bug dans Firefox ou StackOverflow est l'exploitation de cette (désolé si il y a des fautes d'orthographe, ce que je suis en tapant l'instant est sur 7px si mon min taille de la police est définie à 14px - vis de vous celui qui le fait ;-))
OriginalL'auteur Jordan Gray
Vous ne pouvez pas le faire. C'est un paramètre qui Firefox fournit donc que des gens comme nous ne peut pas le remplacer avec un peu de CSS paramètres.
OriginalL'auteur HerrSerker
Vous pouvez effectivement réduire le texte au-dessous de la taille minimale à l'aide de CSS3 est
transform: scale(x)
syntaxe, oùx < 1
. C'est la garantie de travailler dans le futur (comme c'est le point de mise à l'échelle), mais vient avec ses propres défis/mises en garde.OriginalL'auteur Matt
Juste au cas où ça pourrait aider quelqu'un, j'ai fini par remplacer les petits les zones de texte, d'abord en HTML, SVG zones. - Je remplir ces zones avec les Raphaël bibliothèque JS, avec un code comme
Je n'ai pas utiliser un canevas HTML, en raison de son manque de disponibilité sur certains navigateurs, et parce que le SVG offre une bien meilleure expérience utilisateur sur les écrans de la Rétine.
Il peut sembler exagéré pour le faire, mais je n'étais pas en mesure de trouver une solution plus facile à la Taille Minimale de la Police problème de FF.
OriginalL'auteur plang
Dans certains cas, vous pouvez utiliser <canvas> élément et fillText().
OriginalL'auteur Danylo Mysak
Si vous définissez la CSS par défaut taille de la police dans vos pages web à un pourcentage ... puis par em dimensionnement vous pouvez fournir de la croix-navigateur évolutivité ... Réglage de la taille de la police à 62,5% est une base pour changer la taille des polices de base hx tailles de 10px.
Donc si vous voulais vraiment faire de votre standard d'un paragraphe de texte dire 10px ... Vous simplement dans votre CSS cadratin (1 em et elle rendrait comme 10px. Veuillez noter que si vous voulez vraiment faire cela correctement ... vous avez besoin de faire un reset CSS aussi, comme vous voulez que votre écran est compatible ...
Eric Meyers CSS Reset
HTH
OriginalL'auteur Eddie B
vous pouvez essayer le code suivant
body {
}
OriginalL'auteur Chad Russel
Si vous définissez la taille de la police de l'attribut sur le corps, il doit le définir comme taille de police par défaut.
Ceci permettra de définir la page taille de la police pour tout ce que vous voulez. L'utilisateur peut re-taille, mais qui doit être fine.
Ce n'est pas de remplacer l'ensemble minimal dans Firefox.
OriginalL'auteur Dustin Laine