Police Web par défaut

Question

J'ajoute un ImageButton asp.net qui contient du texte adjacent à un LinkButton. Je crée l'image pour le ImageButton en utilisant un éditeur d'image et j'ai besoin de savoir quelle police utilise le LinkButton. J'ai essayé firebug mais je ne peux toujours pas le comprendre.

Answer 1

Dans FireFox vous pouvez voir les polices par défaut et les couleurs:

Outils/Options/onglet Contenu/polices et couleurs

Dans Internet Explorer:

outils/Options Internet/Général Bouton Tab/Fonts

Answer 2

Il ne sera pas vraiment utile de trouver la police utilisée car un utilisateur donné pourrait avoir une police par défaut différente mis en place sur leur navigateur Web et les différents navigateurs auront probablement des polices par défaut différentes.

Si vous souhaitez que votre ImageButton utilise la même police que le LinkButton, vous devrez spécifier la police vous-même. L'inconvénient est que, à moins de choisir l'une des polices courantes, il n'y a aucune garantie que tous les utilisateurs auront cette police installée. Vous pouvez spécifier d'autres polices, mais cela ne vous aide pas vraiment car vous ne pouvez pas spécifier d'autres images.

Pourquoi avez-vous besoin d'utiliser une image contenant du texte?

Pouvez-vous poster une image de ce que vous aimeriez réaliser? J'ai écrit des CSS pour faire en sorte que le texte ait un bouton comme le fond, même si c'était pour le style de bouton Windows classique, mais je suis sûr que quelqu'un avec plus de connaissances CSS que moi pourrait aller plus loin. Si vous pensez que ce sera utile je vais aller le chercher et le poster ici.

EDIT: Voici le code:

.button { 
    font:"Microsoft Sans Serif"; 
    font-size:small; 
    background:#CCCCCC; 
    border:solid; 
    border-width:thin; 
    border-left-color:#FFFFFF; 
    border-top-color:#FFFFFF; 
    border-right-color:#666666; 
    border-bottom-color:#666666; 
    padding-left:12px; 
    padding-right:12px 
} 

<span class="button">Esc</span> 

Answer 3

Quelle que soit la police et la taille que vous utilisez pour dessiner le texte sur l'image, il ne sera pas le même que le texte dans le navigateur pour tous les utilisateurs. En fonction des paramètres du système d'exploitation, certains navigateurs utiliseront l'anti-aliasing lors de l'affichage du texte, ce qui fera une grande différence pour l'apparence du texte, et il existe également une différence entre l'anti-aliasing normal et le cleartype. (Dans Windows 7, il diffère encore plus car il dispose d'un assistant pour affiner le cleartype pour votre écran spécifique, donc il y aura des milliers de variations de rendu de cleartype.)

Au lieu de mettre le texte dans l'image, utiliser l'image comme arrière-plan pour un bouton et laisser le navigateur afficher le texte sur le dessus de l'image.

Exemple:

<asp:Button runat="server" class="FancyButton" Text="click me" /> 

css:

.FancyButton { 
    background: url(fancybutton.gif); 
    border: none; 
    width: 80px; 
    height: 25px; 
}