이를 위해 사용자 스타일 시트를 작성할 수 있습니다. 사용자 스타일 시트를 사용하면 사이트의 CSS 스타일을 재정의하고 자신의 스타일로 바꿀 수 있습니다.

먼저 Firefox의 프로필 폴더를 찾아 CSS 파일을 만들어야합니다.

• Firefox 메뉴의 왼쪽 상단에있는 Firefox 메뉴를 클릭하십시오.
• 도움말-> 문제 해결 정보를 선택하십시오.
• 응용 프로그램 기본 사항 섹션 에서 프로파일 폴더 행 의 Show Folder또는 Edit Folder단추를 클릭하십시오 .
• 열린 폴더에서 폴더로 이동 chrome하거나 존재하지 않는 경우라는 새 폴더를 만듭니다 chrome.
• 라는 새 텍스트 파일을 만듭니다 userContent.css

이제 Windows 메모장과 같은 텍스트 편집기에서 새 파일을 엽니 다.

이제 CSS를 사용하여 특정 웹 사이트의 스타일을 재정의 할 수 있습니다. 예를 들어 Serif 스타일을 사용하도록이 웹 사이트의 모든 기본 글꼴을 변경하십시오.

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

또는 StackOverflow의 모든 링크를 기울임 꼴 Arial 글꼴로 변경하십시오.

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

이러한 CSS 행을 세분화하면 @-moz-document domain(superuser.com)다음과 같이 구성됩니다. 새 규칙을 적용 할 웹 사이트를 지정하는 행의 일부입니다. 간단히 “superuser.com”을 변경하려는 웹 사이트로 바꾸십시오. html, p, li, h1해당 페이지에서 스타일을 변경하려는 HTML 요소의 목록입니다. font-family : serif !important;는 HTML에 적용 할 새로운 CSS 스타일 규칙이며, !important지시문은이 파일의 CSS가 사이트 자체 스타일 시트의 CSS를 재정의하도록합니다.

따라서 usercontent.css 파일에는 다음이 포함됩니다.

@-moz-document domain(superuser.com){ html, p, li, h1 {font-family : serif !important;} }

@-moz-document domain(stackoverflow.com){ a {font-family : arial !important;font-style:italic !important;} }

이제 파일을 저장하고 Firefox를 다시 시작하면 텍스트가 원하는 방식으로 스타일이 지정되어 있음을 알 수 있습니다.

답변

@-moz-document domain(jsbin.com){

#bin .editbox .CodeMirror pre,
.mobile .editbox textarea {
  font-family: Menlo, Monaco, consolas, monospace !important;
}
}