Принуждение HTML textarea использовать моноширинный шрифт с помощью CSS

Как я могу сделать мой текст использовать моноширинный шрифт?

4 52
html css

4 ответа:

Если я правильно понимаю, он уже должен наследовать стили пользовательского агента по умолчанию, но если вы хотите явно указать семейство шрифтов (стили, взятые из таблицы стилей Stackoverflow )

textarea {
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

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

89

вы также можете использовать стандартный generic font-family: monospace, но будьте осторожны-существует несколько суровых побочные эффекты (К сожалению) в Chrome, Safari и все, что основано на WebKit.

посмотреть:

19

просто используйте моноширинный шрифт. Например, для чего-то вроде:

<textarea id="mytextarea"></textarea>

CSS-код будет такой:

#mytextarea {
    font-family: monospace;
}

Если вы хотите использовать определенный моноширинный шрифт, вы можете, но не забудьте добавить общий "моноширинный" в конце, если у пользователя не установлен ваш предпочтительный шрифт:

#mytextarea {
    font-family: 'DejaVu Sans Mono', monospace;
}
9
textarea
{
font-family: monospace;
}

возможно, вам придется добавить важный, если не работает

textarea
{
font-family: monospace !important;
}
1