특정 웹 사이트 및 특정 글꼴에서만 파이어 폭스에서 글꼴 바꾸기


9

웹 사이트의 글꼴을 바꾸는 방법이 있습니까?하지만 특정 웹 사이트에서만 사용할 수 있습니까? 나는 콘텐츠 아래의 옵션을 알고 있지만 모든 웹 사이트에 적용되며 특정 웹 사이트 만 문제를 겪고 때로는 특정 글꼴 만 문제가됩니다.


어떤 문제?
Karan

글꼴은 앤티 앨리어싱을 위해 설계되었습니다. CRT 모니터를 사용합니다. AA를 켜면 쓰레기처럼 보이고 AA를 끄면 쓰레기처럼 보입니다.
Avery3R

이와 같은 작업을 수행하는 유일한 방법은 사용자 정의 사용자 스크립트 를 작성하는 것 입니다.
Karan

답변:


6

페이지 수에 따라 Stylish 가 옵션 일 수 있습니다. 글꼴을 재정의하는 간단한 CSS 파일을 만듭니다.

그런 다음 스타일을 적용 할 URL을 선택하십시오.

훌륭한 CSS 지식이 필요하지 않습니다 font-family: whatever;.


이것은 받아 들일만한 대답이어야합니다 ^^ 간단하고 필요를 해결하십시오!
Nam G VU

4

이를 위해 사용자 스타일 시트를 작성할 수 있습니다. 사용자 스타일 시트를 사용하면 사이트의 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를 다시 시작하면 텍스트가 원하는 방식으로 스타일이 지정되어 있음을 알 수 있습니다.


1
이 답변은 내 선호를 얻습니다. 프로필 디렉토리의 구성은 버전이 쉽고 Firefox가 확장을 더 이상 지원하지 않을 때 활성화하지 못할 가능성이 적습니다.
Ed Neville

0

위의 https://superuser.com/a/532623/460302 는 StackExchange에서 찾은 최고의 답변이지만 스타일 시트의 클래스에 대한 세부 정보를 추가하고 싶습니다 ( https://ffeathers.wordpress.com/2013 에서 파생 됨) / 03 / 10 / how-to-override-css-stylesheets-in-firefox ) :

위의 한 줄 구문 외에도 userContent.css다음과 같은 여러 줄 항목을 포함 할 수 있습니다 .

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

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

이것은 실제로 style.cssjsbin의 "Source Code Pro"글꼴 사용을 비활성화하는 jsbin 스타일 시트 (jsbin v4.1.0 ) 중 하나의 수정 된 섹션입니다 .

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.