CSS를 사용하여 HTML 텍스트 영역에서 고정 폭 글꼴을 사용하도록 강제

CSS를 사용하여 HTML 텍스트 영역에서 고정 폭 글꼴을 사용하도록 강제

---

텍스트 영역에 고정 폭 글꼴을 사용하려면 어떻게해야합니까?

---

내가 제대로 이해하고 있다면 이미 기본 사용자 에이전트 스타일을 상속해야하지만 명시 적으로 원하는 경우 글꼴 패밀리 (Stackoverflow 스타일 시트에서 jacked 스타일)를 지정하면됩니다.

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

더 구체적인 (단일 공간 전용) 글꼴 패밀리를 먼저 지정하고, 사용자 에이전트에 사용 가능한 글꼴이없는 경우 끝까지 계속 시도합니다.이 경우 해당 요소에 대한 기본 사용자 에이전트 글꼴 패밀리가 기본값이됩니다. 지정된 경우.

---

표준 generic을 사용할 수도 font-family: monospace있지만주의해야합니다 . Chrome, Safari 및 WebKit 기반 모든 것에 는 몇 가지 심각한 부작용이 있습니다 (슬프게도).

보다:

• http://webkit.org/blog/67/strange-medium/
• http://archivist.incutio.com/viewlist/css-discuss/103606

---

고정 폭 글꼴을 사용하십시오. 예를 들면 다음과 같습니다.

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

CSS는 다음과 같습니다.

#mytextarea {
    font-family: monospace;
}

특정 고정 폭 글꼴을 사용하려면 사용자가 선호하는 글꼴이 설치되어 있지 않은 경우 끝에 일반 '고정 폭'을 추가하는 것을 잊지 마십시오.

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

---

textarea
{
font-family: monospace;
}

작동하지 않는 경우 중요한 항목을 추가해야 할 수 있습니다.

textarea
{
font-family: monospace !important;
}

참조 URL : https://stackoverflow.com/questions/2032652/forcing-html-textarea-to-use-a-monospace-font-using-css