default web font

Question

Я добавляю asp.net ImageButton, который содержит текст, смежный с LinkButton. Я создаю изображение для ImageButton, используя редактор изображений, и мне нужно знать, какой шрифт использует LinkButton. Я пробовал firebug, но я все еще не могу понять.

Answer 1

В FireFox вы можете увидеть шрифты и цвета по умолчанию:

инструменты/опции/вкладка Содержание/шрифты и цвета

В Internet Explorer:

инструменты/интернет-опции/общие вкладка/шрифты кнопка

Answer 2

Это не поможет найти шрифт, используемый, поскольку любой пользователь может иметь другой шрифт по умолчанию, установленный в их веб-браузере, и у разных веб-браузеров, вероятно, будут разные шрифты по умолчанию.

Если вы хотите, чтобы ваш ImageButton использовал тот же шрифт, что и LinkButton, вам нужно будет указать шрифт самостоятельно. Недостатком этого является то, что, если вы не выберите один из обычных шрифтов, нет гарантии, что все пользователи установят этот шрифт. Вы можете указать альтернативные шрифты, но это действительно не помогает, поскольку вы не можете указывать альтернативные изображения.

Зачем вам нужно использовать изображение с текстом?

Можете ли вы разместить изображение того, чего бы вы хотели достичь?

Я написал несколько CSS, чтобы текст имел кнопку, подобную фону, хотя это был стиль классической Windows-кнопки, но я уверен, что кто-то с большим количеством знаний CSS, чем я, мог бы принять его дальше. Если вы считаете, что это будет полезно, я пойду и выкопаю его и опубликую здесь.

EDIT: Вот код:

.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

Независимо и размер шрифта, используемый для рисования текста на изображении, это не будет выглядеть так же, как текст в браузере для всех пользователей. В зависимости от настроек в операционной системе некоторые браузеры будут использовать сглаживание при отображении текста, что будет иметь большое различие для внешнего вида текста, а также существует некоторая разница между регулярным сглаживанием и cleartype. (В Windows 7 он будет отличаться даже больше, поскольку у него есть мастер для тонкой настройки cleartype для вашего конкретного экрана, так что будут тысячи вариантов того, как визуализируется cleartype.)

Вместо того, чтобы помещать текст на изображение, используйте изображение в качестве фона для кнопки и пусть браузер отобразит текст поверх изображения.

Пример:

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

CSS:

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