28212 sujets

CSS et mise en forme, CSS3

Bonjour,

Je viens de faire la mise à jour de Firefox bêta 4 vers la 99. J'ai eu le droit à une page de présentation, comme souvent pour ce genre de versions. Je me suis aperçu qu'ils ont utilisé une police exotique :

http://www.mozilla.com/en-US/firefox/3.5b99/whatsnew/

Le fait qu'elle soit utilisée alors qu'elle n'est pas installée sur mon poste ne me surprend pas car je savais déjà qu'on pouvais importer des polices ttf avec @font-face.

Ce qui me trouble, c'est justement le fait qu'il n'y ait pas @font-face dans la CSS de la page ! J'ai bien regardé dans le CSS, aucune trace. Ils appellent la police avec font-family, tout simplement.
J'ai également désactivé javascript, rien n'y fait. J'ai pourtant remarqué une chose : avec javascript activé, la police par défaut est utilisée une fraction de seconde avant que la police importée soit affichée.

Malgré cela, la police est chargée dans le cache. Comment ont-ils fait ? Apparemment, ce n'est pas une recette maison de Mozilla vu que la police s'affiche aussi dans la version 4 de safari.

Outre le fait de ne protéger que très légèrement le fichier de police, quel est l'intérêt ? Pourquoi n'ont-ils pas utilisé @font-face tout simplement ??

Merci
Modifié par deejay-bee (10 Jun 2009 - 23:31)
Administrateur
deejay-bee a écrit :
J'ai également désactivé javascript, rien n'y fait. J'ai pourtant remarqué une chose : avec javascript activé, la police par défaut est utilisée une fraction de seconde avant que la police importée soit affichée.

Comme la page est plus longue à charger avec tous ces scripts de tracking et de YUI, du coup on a le temps de remarquer la page avant chargement complet Smiley jap

deejay-bee a écrit :
Ce qui me trouble, c'est justement le fait qu'il n'y ait pas @font-face dans la CSS de la page ! J'ai bien regardé dans le CSS, aucune trace. Ils appellent la police avec font-family, tout simplement.

Tu n'as pas lu jusqu'à la ligne 1 ? Smiley baille
Il y a @font-face Smiley smile mais comme tu regardes avec Firebug ... Smiley rolleyes Smiley lol
C'est comme avec :hover, cet outil a un peu de mal avec certaines propr... euh at-rules/règle-at/@règle et pseudo-propriétés/pseudo-classes.
Cf. http://www.mozilla.com/style/tignish/firstrun-3-5-pre.css
Quel boulet...

Je parle de moi bien-sûr Smiley lol

J'ai effectivement regardé la CSS avec le mode "assisté" de firebug (que je n'utilise jamais quand j'intègre, c'est l'horreur...) c'est pour ça que je ne savais pas qu'il avait du mal avec certaines propriétés.

Merci, je ferai attention la prochaine fois !