질문/공유질답게시판

import url 문구

RayHur

그 구글폰트 지정해주는 명령구를 두개이상 써도 되나요? 그리고 폰트 순위를 원하는대로 구글폰트 지정문구도 

 

써줘야 하는거죠? 

위로 아래로
댓글 10
  • ?
    네 여러개 써도 됩니다. 순위데로 불러오시는것도 맞습니다.
  • ? profile
    감사합니다. 그리고 꼬미님 구글폰트 불러오는 문구에 @import url(//fonts.googleapis.com/earlyaccess/notosanssc.css); 요렇게 되어 있는거 // 앞에 https:를 넣는게 나을까요?
  • profile

    구글 웹폰트처럼 외부에서, 그것도 해외서버에서 https로 불러오는 스타일시트에 @import를 사용하면 로딩 시점이 늦어져서 체감속도에 상당히 영향을 줍니다. 여러 사이트에서 공통으로 사용하는 폰트이니 캐싱될 거라고 주장하지만 그건 희망사항일 뿐, 실제로는 캐싱 효율이 별로 높지 않더군요. 레이아웃에서 웹폰트나 아이콘폰트 2~3개 로딩하면 체감속도가 2~3초 느려지는 일이 흔합니다. 요즘 이런 레이아웃이 종종 보이는데 서버 쪽에서는 답이 없는 문제라 튜닝에 골머리를 앓고 있습니다.

     

    별도로 빼내어 최대한 상단에 배치하시고, 모바일에서는 가능하면 쓰지 마시고 (노토산스 같은 건 어차피 안드로이드 기본 폰트라서 써봤자 티도 안나요) 특히 용량이 크고 캐싱 효율이 나쁜 earlyaccess 쪽의 한글 웹폰트 사용은 최소화하시는 것이 좋습니다.

  • profile profile
    곰님 감사드립니다. 위젯스타일에 웹폰트가 적용이 되어 제 사이트에 중문이 이상하게 보여서 중문 웹폰트를 불러 올려고 그러거든요.그럼 웹폰트는 가급적이면 피해야 겠네요. 마소 폰트를 써야하는데 사실 저 같은 경우는 중문사이트를 운영하는거라 레이아웃이 굴림이나 나무고딕 이런 한글폰트가 적용되면 중문은 그냥 길쭉날쭉 이상하게 출력되는 바람에 ... 코드도 읽을 줄 모르는 저로썬 그냥 font family를 찾아 제일 앞쪽에 중문폰트를 추가하는게 전부인데 ... 마침 웹폰트 적용하는걸 또 검색해서 적용을 하긴 했는데 곰님 말씀처럼 속도가 느려지니 ~~~ ㅠㅠ
  • profile profile
    윈도우에 기본으로 포함된 중국어 간체, 번체 폰트도 요즘은 꽤 괜찮은 것이 있으니 font-family 앞이나 뒤에 추가해 보세요.
  • profile profile
    넴. 번외에 질문을 좀 드리고 싶은데 레이아웃에 임포트로 웹폰트를 불러오고 그리고 에디터 글꼴란에 웹폰트 만 추가를 하면 게시물 내용이 적용한 웹폰트로 출력이 되나요? 따로 에디터 lang파일에 또 임포트를 하지 않아도 되는건가요?
  • profile profile

    라이믹스라면 그냥 에디터 모듈에서 원하시는 font-family를 사용자 정의로 설정하시면 됩니다. (단, 에디터 내에서도 동일한 웹폰트 CSS를 불러오도록 설정해야 일관성있는 모습을 유지할 수 있습니다.)

     

    XE는 여기저기 수정할 곳이 많습니다. lang 파일에 추가한다고 실제로 에디터 내에서 웹폰트로 보이지도 않고, 사용자의 언어에 따라 폰트 목록이 들쭉날쭉합니다.

  • profile profile

    라이믹스 에디터에 윈도우즈 자체 폰트인 Microsoft YaHei를 추가 성공했어요. 그리고 Noto Sans SC역시 추가성공해서 

    게시물을 개발자 도구로 보니 아래처럼 출력이 되는데 폰트설정이 잘못된건가요? 줄이 그어진 부분이 ... 왠지 설정이 잘못 된거 같은 느낌을 주네요. 

    element.style {
    1. font-family: Noto Sans SC,sans-serif;
    }
     
    94d480d3cc14c0f…71113165511:24
    .board-wrapper span {
    1. font-size: inherit;
    }
     
    <style>…</style>
    .board-wrapper * {
    1. font-family: "Noto Sans SC", 微软雅黑, "Microsoft YaHei", "Spoqa Han Sans", "Noto Sans Korean", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", 나눔바른고딕, NanumBarunGothic, 나눔바른고딕OTF, NanumBarunGothicOTF, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", sans-serif;
    2. box-sizing: border-box;
    }
     
    94d480d3cc14c0f…71113165511:24
    * {
    1. -webkit-text-size-adjust: 100%;
    2. -moz-text-size-adjust: 100%;
    3. -ms-text-size-adjust: 100%;
    }
    Inherited from 
    p
     
    <style>…</style>
    .board-wrapper * {
    1. font-family: "Noto Sans SC", 微软雅黑, "Microsoft YaHei", "Spoqa Han Sans", "Noto Sans Korean", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", 나눔바른고딕, NanumBarunGothic, 나눔바른고딕OTF, NanumBarunGothicOTF, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", sans-serif;
    2. box-sizing: border-box;
    }
     
    a467d00648d83c7…171113161541:3
    body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    1. margin: 0;
    2. padding: 0;
    3. -webkit-text-size-adjust: none;
    }
     
    94d480d3cc14c0f…71113165511:24
    * {
    1. -webkit-text-size-adjust: 100%;
    2. -moz-text-size-adjust: 100%;
    3. -ms-text-size-adjust: 100%;
    }
    Inherited from 
    div.document_2499_4.xe_content
     
    <style>…</style>
    .board-wrapper * {
    1. font-family: "Noto Sans SC", 微软雅黑, "Microsoft YaHei", "Spoqa Han Sans", "Noto Sans Korean", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", 나눔바른고딕, NanumBarunGothic, 나눔바른고딕OTF, NanumBarunGothicOTF, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", sans-serif;
    2. box-sizing: border-box;
  • profile profile
    맨 위를 보세요. 태그 자체의 style 속성에서 글꼴을 Noto Sans SC, sans-serif로 강제하고 있네요.
  • profile profile
    우아아앙 ~~ 서당개 3년이면 풍월을 읊네요 !! 제가 드디어 폰트설정을 곰님이랑 타운 여러분 덕분에 완료했네요 ^^;;