Принуждение текстовой области HTML использовать моноширинный шрифт с помощью CSS
Как я могу заставить свою текстовую область использовать моноширинный шрифт?
4 ответа
]Если я правильно понимаю, то он уже должен наследовать стили пользователь-агент по умолчанию, но если вы хотите явно, просто укажите семейство шрифтов ( стили, взятые из таблицы стилей Stackoverflow )[
] [textarea {
font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}
]Сначала укажите более конкретные (монопространственные) семейства шрифтов, и если у пользовательского агента нет таких шрифтов, он будет продолжать пробовать их до конца, и в этом случае по умолчанию будет использоваться семейство шрифтов пользовательского агента по умолчанию для этого элемента, если таковой был указан. [
]textarea
{
font-family: monospace;
}
]Возможно, вам понадобится добавить важный, если он не работает[
] [textarea
{
font-family: monospace !important;
}
] Просто используйте монопространственный шрифт. Например, для чего-то типа:[
] [<textarea id="mytextarea"></textarea>
]css будет:[
] [#mytextarea {
font-family: monospace;
}
]Если вы хотите использовать определенный монопространственный шрифт, вы можете, но не забывайте добавлять общее "монопространство" в конце в случае, если у пользователя не установлен предпочтительный для вас шрифт:[
] [#mytextarea {
font-family: 'DejaVu Sans Mono', monospace;
}
] Вы также можете использовать стандартный общий [] шрифт-семейство: монопространство [], но будьте осторожны - есть некоторые [] серьезные [] побочные эффекты (к сожалению) в Chrome, Safari и все WebKit на основе. [
] смотрите: [
] []