веб-шрифт по умолчанию

Question

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

Answer 1

Какой бы шрифт и размер вы не использовали для рисования текста на изображении, он не будет выглядеть так же, как текст в браузере для всех пользователей. В зависимости от настроек в операционной системе некоторые браузеры будут использовать сглаживание при отображении текста, что будет сильно влиять на внешний вид текста, а также есть некоторое различие между обычным сглаживанием и 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;
}

Answer 2

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

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

Зачем вам нужно изображение, содержащее текст?

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

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

РЕДАКТИРОВАТЬ: Вот код:

.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

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

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

В Internet Explorer:

инструменты / опции интернета / общие кнопка tab / fonts