웹사이트의 글꼴 및 색상 바꾸기 | 길잡이

웹사이트의 글꼴 및 색상 바꾸기

이 글은 웹사이트에 원하는 글꼴 스타일 및 색상을 덮어 씌우는 방법으로 웹사이트 페이지를 맞춤 설정하는 방법에 대해 설명합니다.

글꼴 변경

글꼴을 변경하기 위해서는,

  1. 메뉴 버튼을 New Fx Menu Fx57Menu 클릭하고 설정환경 설정을 선택하세요.
  2. 내용일반 패널을 선택합니다.
  3. 글꼴과 색상에서 드롭다운 메뉴를 이용해 원하는 글꼴 및 글자 크기를 선택합니다.
    font.png font settings 57
  4. about:preferences 페이지를 닫으세요. 변경된 내용은 자동으로 저장됩니다.

사용자 정의 글꼴

웹사이트에 따라 특정된 글꼴을 사용하는 경우가 있습니다. 이러한 기능을 끄기 위해서는,

  1. 메뉴 버튼을 New Fx Menu Fx57Menu 클릭하고 설정환경 설정을 선택하세요.
  2. 내용일반 패널을 선택합니다.
  3. 글꼴과 색상에서 고급… 버튼을 클릭합니다.
    advance.png font settings advanced 57
  4. 열린 글꼴 대화상자에서, 위에서 선택한 것 대신 웹 페이지에서 지정한 글꼴 사용 허용 박스의 체크를 해제합니다.
    Fx54ContentPanel-Fonts
  5. OK 버튼을 클릭해 글꼴 창을 닫습니다.
  6. about:preferences 페이지를 닫으세요. 변경된 내용은 자동으로 저장됩니다.

다른 폰트 설정들

  1. 글꼴 대화상자의 사용 글꼴 드롭 다운 목록에서 언어 그룹/스크립트를 선택합니다.
    • 예를들어, West European 언어/스크립트(라틴)를 기본 글꼴로 설정하려면, 라틴을 선택하세요. 언어/스크립트가 목록에 없을 경우, 기타 문자를 선택하세요.
  2. 가변폭이 serif("Times New Roman" 처럼)인지 sans-serif("Arial" 처럼)인지 선택합니다. 그 다음 가변폭의 크기를 설정합니다.
  3. 글꼴을 Serif, Sans-serif 및 Monospace을 사용하도록 설정합니다. Monospace fonts의 크기를 변경하실수도 있습니다.

웹 페이지의 최소 글자 크기를 설정하실 수도 있습니다. 사이트가 읽기 힘든 아주 작은 폰트를 사용하는 것을 방지하는데 유용합니다.

  • 레거시 콘텐츠에 사용할 글자 인코딩: 여기서 선택한 문자 인코딩은 어떤 인코딩을 사용할 것인지 선언이 되어있지 않은 페이지를 표시하는데 사용됩니다.

글꼴 색상 변경

글꼴 색상 변경을 원하시면,

  1. 메뉴 버튼을 New Fx Menu Fx57Menu 클릭하고 설정환경 설정을 선택하세요.
  2. 내용 패널을 선택합니다.
  3. 글꼴과 색상에서 색상... 버튼을 클릭합니다.
  4. 색상을 나타내는 사각형 모양을 클릭하면 선택할 수 있는 색상들이 나타납니다. 사각형 중 하나를 클릭해 원하는 색을 선택합니다.
    Fx38esrColors
  5. 확인 버튼을 클릭해 색상 창을 닫습니다.
  6. about:preferences 페이지를 닫으세요. 변경된 내용은 자동으로 저장됩니다.

사용자 정의 글꼴 색상

웹사이트에 따라 특정된 글꼴 색상을 사용하는 경우가 있습니다. 이러한 기능을 끄기 위해서는,

  1. 메뉴 버튼을 New Fx Menu Fx57Menu 클릭하고 설정환경 설정을 선택하세요.
  2. 내용일반 패널을 선택합니다.
  3. 글꼴과 색상에서 색상… 버튼을 클릭합니다.
  4. 열린 창에서 위에 선택한 색상으로 페이지에서 선택한 색상 덮어씀항상으로 설정합니다.
    Fx47-pref-overridecolors-always
  5. 확인 버튼을 클릭해 색상 창을 닫습니다.
  6. about:preferences 페이지를 닫으세요. 변경된 내용은 자동으로 저장됩니다.

다른 색상 설정들

글자와 배경: 글자와 배경 색상이 지정되지 않은 웹 페이지에서 사용할 기본 글자 및 배경 색상을 변경할 수 있습니다. 색상 샘플을 클릭해 색을 선택합니다.

  • 시스템 색상 사용: 이 옵션환경설정을 클릭하면 위의 특정 색상 대신 시스템 설정에 정의된 색상을 사용합니다.

링크 색상: 웹 링크의 기본 색상을 변경할 수 있습니다. 색상 샘플을 클릭해 색을 선택합니다.

  • 밑줄 링크: 기본적으로 웹 페이지의 링크에는 밑줄이 있습니다. 이 옵션환경설정을 체크해제하며 비활성화할 수 있습니다. 많은 사이트가 자신만의 스타일링 규칙을 갖고 있으며 이러한 사이트에서는 이 옵션환경설정이 적용되지 않음을 유의하세요.
  • 위에 선택한 색상으로 페이지에서 선택한 색상 덮어씀:
    • 항상: 이 옵션환경설정은 모든 사이트에 대해 여러분의 기본 색상을 사용하도록 강제합니다.
    • 고대비 테마에서만: 이 옵션환경설정은 여러분이 고대비 WindowsLinux 테마를 사용할 때를 제외하고, 웹 페이지의 작성자에 의해 지정된 색상을 사용합니다.
    • 하지 않음: 이 옵션환경설정은 웹 페이지 작성자에 의해 지정된 색상을 사용합니다.
알림: 나중에 기본 색상으로 되돌리길 원하신다면:
  1. 주소창about:config를 입력하고 EnterReturn키를 누르세요.

    • about:config "고급 환경 설정 기능" 경고 페이지가 나타날 것입니다. about:config 페이지를 계속하려면 고급 기능 사용 동의위험을 감수하겠습니다!를 클릭하세요.
  2. 검색란에 browser*color 를 입력합니다.
  3. 사용자 설정수정됨 환경설정을 오른쪽 클릭Ctrl을 누른 채로 클릭 합니다.
  4. 초기화를 선택합니다.

확대

Firefox는 또한 확대 기능을 제공합니다. 이 기능은 어떠한 웹 페이지에서도 글씨 크기를 확대할 수 있도록 도와줍니다. 사용 방법에 대해서는 웹 페이지 글꼴 및 화면 크기 조정 문서를 참고하세요.

이 문서가 도움이 되셨습니까?

잠시만 기다려 주십시오...

다음의 훌륭한 분들이 이 문서에 기여하였습니다: 윤석찬, Narae Kim, seulgi. 여러분도 기여할 수 있습니다 - 기여 방법을 살펴보세요.

최종 수정: 2018-03-28

다른 플랫폼 지원 받기:
현재 문서 바꾸기

Firefox