2011-01-12 4 views
21

제 웹 사이트는 약 절반 정도의 컴퓨터가 제대로 읽을 수있는 다소 모호한 글꼴을 사용합니다. 글꼴은 "Lucida Console"입니다. 이 글꼴을 읽을 수없는 컴퓨터에서는 추악한 Times New Roman이 표시됩니다. 내 웹 사이트의 글꼴을 Lucida Console로 설정하는 방법이 있지만 읽을 수없는 컴퓨터에서 Arial을 보시겠습니까? CSS 사용.CSS : 폴백 글꼴

+3

이 "다소 모호한 글꼴"에 대해 이야기하고 있습니까? Windows의 모든 복사본에 포함되어 있습니다. –

+0

일부 컴퓨터 (모든 창)에만 표시되는 이유는 확실하지 않습니다. – dukevin

+0

오오오. 내 실수. 글꼴 이름은 "ocr a std" – dukevin

답변

45

여러 글꼴을 지정할 수 있습니다 : 하나는 두 번째, 세 번째를 사용할 수없는 경우 및

p{font-family:"Times New Roman", Times, serif;} 

브라우저는, 첫 번째 시도합니다. 결국 그것은 family serif를 사용하기 때문에 브라우저는 serif 글꼴을 선택합니다. 모노 스페이스 패밀리를 사용해야합니다.

그래서 귀하의 경우,이 같은 뭔가를해야만 당신이 원하는 무엇인가 :

p{font-family:"Lucida Console", "Courier New", monospace;} 
+0

p {font-family : "Lucida Console", "Courier New", monospace;} 이렇게 Lucida Console을 선택하지만 사용할 수 없다면 New Courier로 돌아갑니다. 또한 모노 스페이스를 추가하는 것이 내게 계몽에 신경 써야합니까? – dukevin

+2

@Kevin : 이전 글꼴을 사용할 수없는 경우 시스템의 기본 monospace 글꼴로 대체하는 것을 의미합니다. 그러나 Safari는이를 스타일의 글꼴 크기를 적용하기위한 힌트로 사용하여 작게 만들기 때문에이 기능을주의해서 사용하십시오 (전혀 읽지 않습니다). 그리고 고정 폰트 크기 (매우 나쁜 스타일이며 단테의 림보로 직접 이동시킬 것임)를 설정하지 않으면이를 막을 수있는 방법이 거의 없습니다. –

+0

@ 루돌프, 아주 좋은 정보. 또 다른 질문 : font-family : "ocr a std", "Lucida Console", "Courier New", 모노 스페이스. 이것이 3 개의 대체 글꼴일까요? – dukevin

4

는 또한 제공 할 수있는 웹 사이트와 모호한 글꼴 (당신은 합법적으로 할 수있는 경우) @ 글꼴 얼굴을 사용. 그것은 쉽고 IE6에서도 작동합니다. :). 여기에 대한

읽기 : http://www.miltonbayer.com/font-face/

+1

이 스레드는 여전히 활성 상태 일 수 있기 때문에 (일 평균 6 회의 조회수가 있음) 고객 의견을 연장하고 IE6 용으로 개발 중단이라고 말하고 싶습니다.) – Cammy

+0

@cammy 중국 시장을 위해 일하지 않는 한). 그건 그렇고, 내 대답에 중요한 포인트는 물론 IE6되지 않습니다. – kapa

4

또한 팁 : 글꼴의 특정 스타일을 목표로 글꼴의 제안 목록에 대한

  • 구글 css font stack. 'font stack'은이 글꼴 목록의 구어체 이름입니다.
  • 크로스 플랫폼을 고려하십시오. 독자가 사용하는 Mac, Linux, iOS, Android, Windows 및 기타 플랫폼에서 일반적으로 발견되는 글꼴을 추가하는 것을 고려해보십시오.
    • 산세 리프
    • 리프 필기체
    • :
    • 항상 사용자가 원하는 글꼴의 아무도 없습니다 경우 글꼴 스택의 끝에서 generic-family 이름을 포함 환상
    • 모노 스페이스
  • 여러 단어로 명명 된 글꼴 주위에 인용 부호를 포함하거나 모든 글꼴 이름을 인용하십시오.