템플릿:단일 공간 코딩 글꼴에 대한 Mxt/User CSS

코딩에 잘 설계된 문자와 함께 모노스페이스 글꼴을 일관되게 사용할 수 있다(예: 명확한 구별을 위해). l, 1그리고 I, 그리고 사이 O 그리고 0, 그리고 사이 -, −, –그리고 —).

원하는 코딩 글꼴로 대체하여 아래 코드 조각 중 하나를 페이지에 추가하십시오(Roboto Mono가 이 예에서 자유롭게 사용할 수 있는 코딩 글꼴로 선택됨).

CSS 페이지에 이 코드를 수동으로 추가하지 않으려면 @import (contracthe meta:사용자:SMCCandlish/codefont.css 빠른 지침을 참조하십시오.

이 코드는 다음을 수행한다.

  • 선택한 모노스페이스 글꼴(및 해당 글꼴이 누락되거나 필요하지 않은 경우)을 일반적으로 사용되는 모든 HTML 요소에 적용하십시오. <code>, <pre>등
  • 다음에서 사용하는 클래스에 대해 동일한 작업 수행 {{mxt}} 및 기타 모노스페이스 템플릿 {{xt}} 가족
  • 추가 사이트 전체 클래스(예: 지금까지 식별된 바와 같이)에 대해서도 동일한 작업을 수행하십시오. .monospaced) 단공간으로 출력하는 것.
  • 기본 편집 창, 편집 요약 줄 및 검색 입력란 등 가장 자주 만나는 세 개의 편집 필드도 이 글꼴 스택을 사용하도록 하십시오.

여기에 추가할 클래스가 있는 경우 이 페이지를 업데이트하거나 대화 페이지에 언급하십시오.

수평 스타일 

/* 가능한 경우 코드 */에 내 글꼴 사용 부호를 붙이다, 미리, 샘프, kbd, tt, .모범적인, .userlinks-messages, .모노스페이스의, .키보드의, .단추를 채우다, .플레인코드 { 서체 가족: 로보토 모노, 단공주의 !중요하다; } /* 편집 가능한 일부 편집 가능 공간 */ #wpTextbox1, #wp요약, #searchInput, #검색텍스트 { 서체 가족: 로보토 모노, 단공주의 !중요하다; }

세로 스타일 

/* 가능한 경우 코드 */에 내 글꼴 사용 부호를 붙이다, 미리, 샘프, kbd, tt, .모범적인, .userlinks-messages, .모노스페이스의, .키보드의, .단추를 채우다 .플레인코드 {   서체 가족: 로보토 모노, 단공주의 !중요하다; } /* 편집 가능한 일부 편집 가능 공간 */ #wpTextbox1, #wp요약, #searchInput, #검색텍스트 {   서체 가족: 로보토 모노, 단공주의 !중요하다; }

정화 노력

의 인스턴스를 정리하는 데 도움을 받으려면 <tt>...</tt> 요소 – 1990년대 이후 유효한 HTML이 아니었으며, 일반적으로 다음으로 대체되어야 한다. <code>...</code> (문맥에 따라 다를 수 있음) – 다음과 같은 내용을 추가하여 <tt> 눈에 잘 띄다. 

/* 정리 불량 코드 플래그 */ tt { 색을 칠하다: 다크레드; 배경: 핑크; }

당신은 또한 이것을 가지고 할 수 있다. <font>, <center>, <strike>, 및 기타 사용되지 않는 요소. CSS의 경우 가져오기만 하면 된다. meta를 참조하십시오.사용자:SMCCandlish/lint.css.

템플릿 설명서

이것은 배너 또는 이 문서 섹션이 없는 문서 조각 페이지를 다른 템플리트 문서 및 도움말 문서로 변환한 것이다.일관성을 위해 사용자 스타일. 매개 변수를 필요로 하지 않는다.

일반적인 사용법: 

== 단일 공간 코딩 글꼴 == {{collapse top left=y title=y title=에 대한 사용자 CSS이 그룹에 단일 공간 템플릿(편집 창)을 가지고 원하는 단일 공간 글꼴을(를)}}} {{Mxt/단독 코딩 글꼴용 사용자 CSS}}}{접기 하단}}}}

또한 독립 실행형 사용 방법 페이지로 사용할 수 있으며, 이 페이지로 리디렉션된 도움말:단일 공간 코딩 글꼴에 대한 사용자 CSS는 다음과 같이 분류된다. 또한 도움말에서 섹션으로 변환된다.사용자 스타일#단일 공간 코딩 글꼴에 대한 사용자 CSS.

편집자는 이 템플릿의 샌드박스(미러 만들기)와 테스트케이스(만들기) 페이지에서 실험할 수 있다.
이 템플릿의 하위 페이지.