Si j'utilise la police @font-face et font-variant: small-caps pour le même sélecteur, la police retournera à la prochaine police par défaut du système dans Safari. comment puis-je contourner cela?@ font-face et font-variant mauvaise idée?
Eh bien je pense que juste un bug :(Je vais maintenant utiliser: first-letter sélecteur de pseudo pour atteindre cet
J'ai eu quelques difficultés à créer un exemple pour répliquer votre problème au début, ce qui m'a fait réaliser que font-face n'est pas un attribut CSS2 standard; l'équivalent est font-family. J'ai donc fait quelques recherches rapides sur @ font-face, et j'ai trouvé que c'est - selon la façon dont vous le regardez - soit un attribut non-standard spécifique à Firefox 3.5 ou une partie du CSS3 non-encore courant. Safari a un support partiel pour CSS3, selon la version, mais je soupçonne que c'est la cause de votre comportement indésirable.
Ce fut un bug WebKit Il a été fixé et Safari devrait être bien la prochaine fois que c'est. . mise à jour la version actuelle de Chrome utilise une version plus récente de WebKit où le bug a été corrigé Voici une bonne façon de le détecter (à partir SafariSmallCapsWebFontFix):.
if ((navigator.userAgent.match(/WebKit\/([^.]+)/) || [])[1] < 534) {
// Broken, work around it!
}
Vous pouvez utiliser cette JavaScript pour, par exemple, ajouter une classe au nœud html et modifiez le style de la page: