Habituellement, le style de la page observé par les utilisateurs sera contrôlé par trois couches. Comme CSS, la priorité derrière est supérieure à la précédente, ce qui signifie que le style de définition de la page Web peut remplacer le style par défaut du navigateur, tandis que le style défini par l'utilisateur a la priorité la plus élevée. La situation réelle est que bien que les navigateurs fournissent des fonctions de style définies plus ou moins, très peu d'utilisateurs les personnaliseront et sont généralement utilisés comme utilisateurs avancés. Le style par défaut du navigateur est souvent différent dans différents navigateurs, différentes versions linguistiques et même les différentes versions système. Pour essayer de réécrire les paramètres par défaut du navigateur pour assurer la cohérence du style de chaque navigateur.
Prenez des polices comme exemple. comme ça. Par conséquent, nous devons définir uniformément le style de police par défaut afin d'obtenir des effets d'affichage cohérents pour assurer une conception cohérente et améliorer l'efficacité de développement.
À l'avenir, préparez-vous à utiliser les styles de police par défaut suivants:
corps{
Police: 12px / 1,5 Arial;
}La plupart des personnages de notre page sont en chinois. & Copier; des caractères, nous nous attendons généralement à utiliser CSS pour les afficher dans de meilleurs styles de police, puis utiliser la police de la chanson pour afficher les symboles chinois et chinois. La raison pour laquelle j'ai choisi Arial est parce que:
Windows et Mac ont tous deux cette police préinstallée, qui devrait être la police Web la plus utilisée. Ses rivaux potentiels tahoma et helvetica n'ont pas autant de chance.
Les professionnels font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; la conception visuelle peuvent penser que l'utilisation de Tahoma dans Windows et Helvetica dans Mac est meilleure. font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; C'est un excellent choix, mais vous constaterez également que les nouvelles versions de Google, Yahoo, YouTube, Bing et même MSN utilisent arial comme première police par défaut. Par conséquent, en termes d'esthétique et de lisibilité, arial devrait être complètement acceptable.
D'une manière générale, le réglage de la famille définira une font-family:arial,sans-serif; de polices commune à la fin pour assurer sa sécurité. L'encodage est GBK, IE8 rendra les polices de chansons en raison de sans-serif sans-serif provoquant la déformation des polices.
Parce que le choix des polices chinoises est très limitée, tous les navigateurs traditionnels sont actuellement mis à utiliser la police de chanson pour afficher le chinois. La page d'accueil de Baidu et les résultats de la recherche utilisent font-family:arial; la sécurité de faire cela peut être expliquée de côté. Certaines personnes peuvent remarquer que la police chinoise affichée par la version chinoise de Firefox est Microsoft Yahei. Il est également dû à des situations similaires qu'il est très important pour nous de concevoir des pages Web de manière flexible.
L'un des problèmes qui conduiront à l'utilisation des polices anglaises comme la première police par défaut est le problème d'alignement du mélange chinois et anglais et symbole. Si vous modifiez la police, cela peut résoudre complètement le problème. De toute évidence, ce problème ne se produit que dans IE. Par conséquent, si votre site Web utilise rarement l'anglais, les nombres et les symboles anglais, c'est aussi un choix très raisonnable pour définir directement {font-family:5b8b4f53;} .
12px est la limite de l'écran de SongTung. Étant donné que Song Font est fondamentalement la seule police Web universelle à afficher le chinois actuellement, 12px est devenu la taille de police la plus couramment utilisée. Bien sûr, nous pouvons modifier cette valeur par défaut en fonction des besoins du produit.
Pas besoin de considérer les conceptions en fonction de la taille de la police (EM).
Dans la version chinoise après Chrome 3.0, la taille minimale de la police est de 12px.
Il s'agit d'une valeur d'expérience. Par exemple, dans la police de Yui, c'est font:13px/1.231 arial,helvetica,clean,sans-serif; est 1,231 fois la police par défaut. Pour les chinois, les tailles de police couramment utilisées telles que 12px, 14px, 16px, 18px, etc., réglant la hauteur de la ligne à un nombre uniforme en IE6 et IE7 peuvent également résoudre le problème des polices dans certains cas spéciaux.
Dans IE6 et IE7, la valeur élevée de ligne doit être supérieure à 2px de la police pour assurer l'affichage complet de la police ou pour afficher efficacement le soulignement lorsqu'il s'agit d'un lien.
Lors de la définition line-height , veillez à ne pas utiliser les unités (y compris%), car les nœuds enfants hériteront de la valeur de line-height de ligne calculée. Sans changer avec la taille de la police, et la valeur sans unité est un multiple de font-size du conteneur, donc le régler sur une valeur sans unité est le meilleur choix.
La hauteur approfondie de la ligne CSS est très utile pour comprendre line-height et mérite d'être lue.
La plupart des plates-formes ont arial , ce qui réduit le temps de recherche des navigateurs.
Code minimal et facile à écrire. arial est essentiellement la police avec le nom le plus court, qui peut économiser la taille de CSS.
Toutes les lettres sont minuscules, et Google le fait actuellement, avec l'avantage qu'ils peuvent être écrits plus rapidement et améliorer l'efficacité de la compression GZIP.
{font-family:5fae8f6f96c59ed1;} est préférable d'utiliser {font-family:5b8b4f53;} pour l'exprimer en chinois. . Cet avantage est d'éviter l'encodage.
Utilisez le type de police correct pour écrire, évitez les guillemets, ce qui peut réduire la taille du CSS. Les polices chinoises peuvent être écrites de la manière précédente.
Grâce au test de l'arrangement mixte des chinois et de l'anglais et des symboles, j'ai trouvé que Microsoft Yahei fonctionnait assez bien, y compris les chiffres anglais et les caractères anglais, ainsi que les effets d'affichage d'IE6 et IE7, mais le seul regret est que si Microsoft Yahe est installé sous XP si les utilisateurs avec des polices noires n'allument pas l'option "bords lisses des polices d'écran", il sera très flou et difficile à reconnaître sous Firefox, Safari, l'opéra et surtout IE6. Il n'y a actuellement pas de bonne solution à ce problème, il n'est donc possible de l'utiliser officiellement que le rapport d'utilisation IE6 soit très faible. Peut-être que cela prendra jusqu'en 2014, lorsque XP décède.
Bien que @ Font-Face ait été trouvé très tôt, le support du navigateur, la vitesse du réseau et les problèmes commerciaux ont rarement été utilisés. La bonne nouvelle sur les polices récemment est que Firefox 3.6 prendra en charge la police Web Web forma. Pour des informations pertinentes sur l'avenir des polices Web, vous pouvez voir l'avenir des polices Web, sur les polices Web: la situation actuelle et l'avenir, et parler de la situation actuelle et de l'avenir des polices Web.