• 북마크
  • 접속자 6
  • FAQ
  • 1:1문의
  • 새글

가이드북

[인터넷]구글 크롬에서 css로 글꼴 지정하기

4,517 2013.10.12 01:15

첨부파일

짧은주소

본문

안녕하세요? 박노훈입니다.

구글 크롬도 애플 사파리와 같이 '웹페이지에서 지정한 글꼴 무시' 옵션을 지원하지 않습니다. (모질라 파이어폭스는 지원)
따라서 사용자가 설정 항목에서 사용하길 원하는 서체로 미리 설정을 해놓은 경우에도 접속하는 웹페이지에 따라서 사용자가 지정한 서체로 적용이 되지 않는 상황이 발생하게 됩니다.
이런 경우에는 사용자가 CSS(캐스케이딩 스타일 시트) 파일을 생성한 뒤에 이 CSS를 적용시키면 원하는 서체로 적용을 시킬 수 있습니다.

우선, 크롬의 사용자 CSS 파일 위치로 이동을 합니다. (단, OS X 10.7 이상의 경우에는 파인더 상단 메뉴에서 이동 메뉴를 클릭한 상태에서 Option키를 누른 후 라이브러리 항목을 선택하여 이동을 하세요.)

- 하드디스크 > 사용자 > 사용자 ID > 라이브러리 > Application Support > Google > Chrome > Default > User StyleSheets 폴더로 이동합니다.
만약, User StyleSheets 폴더가 없다면 동일한 폴더명으로 폴더를 하나 생성해 주세요.

- Custom.css 파일을 텍스트 편집기 등과 같은 텍스트 에디터로 엽니다. (기본적으로는 Custom.css 파일을 더블 클릭하면 텍스트 편집기가 실행이 됩니다.)
만약, Custom.css 파일이 없다면, 텍스트 편집기에서 새로운 도큐멘트를 생성한 후에 파일 이름을 Custom.css로 저장을 하세요.

- Custom.css 파일의 내용을 다음과 같이 작성을 한 후에 저장을 합니다. (아래의 문장을 복사하여 붙이기를 하시면 됩니다.)

* {font-family:"AppleSDGothicNeo" !important;}

참고로, 산돌 고딕 Neo가 아닌 다른 서체로 적용하려면 위의 내용 중에서 AppleSDGothicNeo 부분을 원하는 서체명으로 대치하세요. (예로, 나눔고딕의 경우에는 NanumGothic, 애플고딕의 경우에는 AppleGothic입니다.)

Custom.css 파일을 저장하면 다음과 같이 바로 서체 적용이 이루어집니다.


* Custom.css 수정 전
chrome01.png


* Custom.css 수정 후
chrome02.png


이제 좀 깔끔해 보이네요. ^^
간단한 내용이니 적용에 어려움이 없으실 것입니다.

감사합니다.
0
좋아요!
댓글목록

등록된 댓글이 없습니다.

Total 271건 1 페이지
제목
Fiancee 아이디로 검색 2010.10.07 3,692 49
fiancee 아이디로 검색 2015.04.17 1,037 0
fiancee 아이디로 검색 2014.11.02 2,223 0
fiancee 아이디로 검색 2014.07.04 1,267 0
fiancee 아이디로 검색 2014.04.03 1,543 0
fiancee 아이디로 검색 2013.10.12 4,518 0
fiancee 아이디로 검색 2013.07.17 2,021 0
fiancee 아이디로 검색 2012.12.16 2,328 0
fiancee 아이디로 검색 2012.12.11 2,692 0
Fiancee 아이디로 검색 2012.07.09 3,065 16
Fiancee 아이디로 검색 2012.06.20 3,758 22
Fiancee 아이디로 검색 2012.05.09 1,961 31
오래 전의 내용이라 홈페이지 이전, 그리고 개정 등의 과정에서 링크가 유실된 것 같습니다. 이 점 양해를 구합니다.2009년도의 내용이라 지금과는 상황이 많이 다르며, 적합한 자료를 애플 홈페이지에서 검색을 통하여 찾으시는 게 도움이 될 것으로 여겨집니다. 부트 캠프도 여러 버전이 있고, 지금 사용 중인 Mac 기종에서 이용 가능한 적합한 내용을 추려서 참고를 하셔야 합니다. Mac 기종에 따라 설치 방법도 다르기 때문입니다.일단, 검색한 내용 일부를 알려드리겠습니다.https://support.apple.com/ko_KR/manuals/boot%2520camphttps://support.apple.com/kb/index?page=search&type=suggested&locale=ko_KR&q=boot+camp+%EC%A7%80%EC%9B%90+%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4&src=globalnav_support이 이외에도 애플 홈페이지에서 검색을 해보실 것을 권합니다.…
fiancee 2017-05-30
매킨토시 가이드북 2007

저자:
박노흔(아이플레이스 운용)
변주용(토마토맥 운용)

공저