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

9

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

firefox fonts

— Avery3R
소스

어떤 문제?

— Karan

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

— Avery3R

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

— Karan

관련 (같은 파일 포함 userContent.css) : Firefox 및 Chrome에서 링크 색상을 변경하는 방법은 있지만 다른 모든 색상과 글꼴은 그대로 두는 방법은 무엇입니까?

— Peter Mortensen

6

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

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

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

— mreq
소스

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

— 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 ) 중 하나의 수정 된 섹션입니다 .

— 코드 리드
소스