질문/조언질답게시판

폰트 지정 문의

font-family { }

 

영문 폰트를 따로 쓰고 싶다면 영문폰트를 앞에 놓고 뒤에 한글(영문포함) 폰트를 뒤에 놓으면 되는건가요?

아니면 영문,한글 따로 적용하는 룰이 있는건지 궁금합니다.

 

숫자의 경우 처음 지정된 폰트를 사용하게 되는건지...

  • profile

    영문 폰트를 먼저 쓰시면 됩니다. 필요한 글자가 포함된 폰트를 찾을 때까지 순서대로 검색하거든요.

  • profile profile

    양쪽에 다 있는 숫자는요????? 영문 폰트가 사용되겠네요. 숫자를 특별한 폰트를 지정하고 싶다면 다른 방법을 찾아야 하는거 같네요.

  • profile profile

    영문 폰트를 따로 지정하는 경우 숫자와 문장부호는 영문 폰트에 맡기곤 하지요. 영문 폰트를 예쁘게 만들 줄 아는 사람들은 숫자와 괄호까지 꼼꼼히 신경을 써주는 데 비해, 한글 폰트는 말 그대로 한글만 예쁘게 만들고 숫자는 영문과 마찬가지로 대충 그려놓은 경우가 많아서...

  • profile profile

    개인적으로는 Spoqa Han Sans Neo가 숫자랑 문장 부호가 되게 예쁘더라고요

  • profile profile
    네. 보드스킨 제작자분이 영문폰트를 따로 지정하는 이유가 그거 인듯 하니다. 라이믹스 같은 CMS에서 목록부분에 숫자가 자주 등장하게 되니까 숫자를 고려해서 영문까지 가장 좋은 폰트를 선택하는 것 같네요
  • profile profile

    노토 산스의 한글에 Lato의 영문과 숫자, 문장부호들을 조합하고 일관성 개선을 위해 몇 가지 더 조정한 폰트지요. 원판인 Lato가 예쁘긴 예쁩니다.^^

     

    다만 문장부호까지 모두 작고 각진 모양으로 바꿔놓은 것은 Lato 제작자의 의도를 벗어난 것 같아서, 제 사이트에서는 그냥 순정 Lato + 노토 산스 조합을 사용하고 있습니다.

  • profile profile
    저번에 스포카 한 산스 -> 스포카 한 산스 네오로 넘어갈때 뭐가 많이 바뀌었더라고요
  • profile

    https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range

    @font-face에 unicode-range라는 속성이 있긴 한데, 제가 아직 써보지는 못해서 잘 되는지는 모르겠네요... 아마 되겠죠? 라고 추측을...

  • profile profile
    네. 저도 검색해 보니 숫자까지 고려하려면 말씀하신 방법을 쓰던지 해야 할 것 같구요. 보통은 그냥 숫자는 영문에 맡기게 되지 않을까 하는 생각이 드네요.
  • profile profile
    네! 아니면 직접 폰트를 수정하셔도 됩니다(?) Node.js에서 node-canvas 모듈을 쓸일이 있었는데 fallback 폰트 지정이 안되길래 직접 폰트를 수정해서 써본적도 있어요.