모바일이나 탭에서도 PC에서와 같은 글꼴을 보여주고 싶은데요

 

초보라서 하나씩 배우는 중입니다

 

PC에서 글꼴설정은 이렇습니다

 

<span style="font-family: Serif, 명조체; font-size: 100px;">대학교</span>
<span style="font-family: Georgia, Times New Roman&, Times, serif; font-size: 40px;">3212</span>

 


PC화면

 

pc.JPG

 

모바일 화면

모바일.JPG

 

 

모바일에서도 PC처럼 바탕체나 명조체로 나타나게 하려면 제 소스중 어디를 수정해야 할까요?

 

사이트는 모바일 페이지를 따로 설정하지 않고 PC페이지를 모바일에서도 동일하게 보여주고 있습니다

 

 

감사합니다

  • profile

    모바일에서나 혹은 모든 사람이 똑같이 보여주시려는 노력은 안하시는게 좋습니다. 모바엘에 똑같은 서체를 설치 할 수 없을 뿐더러 사용자들이 사이트에 맞춰서 모든 서체를 준비하지도 않습니다.

    PC에서 보이는 것도 지금 질문하시는 분의 컴에 해당 폰트가 있고 다른 분은 없을 수도 있고 등의 다양한 모습으로 보고 있다는 것을 생각하셔야 합니다.

    글 작성할때 마다 이렇게 스타일에 폰트를 지정하는 것도 저는 글쎄요??? 라는 생각입니다.

    꼭 통일된 폰트로 보여지게 하려면 지금 글 작성할때 지정하신 폰트를 지금 운영하는 사이트에 웹폰트로 올려서 글 작성또는 CSS에 폰트지정할때 처음 순서로 지정하면 됩니다.

    이렇게 되면 모든 사용자가 폰트를 내려 받아 폰트 용량만큼 트래픽이 증가합니다.

     

     

    PC,모바일에 기본으로 사용되는 폰트를 타겟으로 해서 디자인하고 폰트 지정 순서를 그렇게 지정하는게 더 합리적입니다.

  • profile ?
    감사합니다
  • profile

    영문 폰트 정도는 Georgia와 비슷한 웹폰트를 찾을 수 있을 것 같습니다. google.com/fonts 둘러보세요.

     

    한글은 답이 없습니다. "명조체"도 의미없고 그냥 Serif가 적용되어서 윈도우 바탕체가 나오는 것 같은데요, 이건 윈도우에 포함된 폰트이기 때문에 모바일에서는 사용할 수 없습니다. 비슷한 모양의 웹폰트도 없고요.

     

    정말 똑같이 나와야 한다면 이미지로 만드는 것이 유일한 방법입니다.

  • profile ?
    감사합니다
  • ?

    웹폰트 사용하면 됩니다.
    한글은 눈누( https://noonnu.cc/ ) 추천합니다.

     

    단점이라면 느린거겠죠~

  • ? ?
    감사합니다