웹 페이지의 서브집에 없는 문자는 어떻게 표시됩니까?

주안점
일본어에는 글자 수가 많고 파일 크기도 커지기 때문에 서브집합화(상용 문자만 뽑아 사용자 정의 물건을 만드는 것)를 해야 하는데 거기서 빠진 문자의 표시는 어떻게 될까?
그래서 아마 이렇게 될 것 같다고 생각했지만 실제로 해봤어요.
웹 fontis 뭐
과거 브라우저에 표시된 문자는 클라이언트에 달려 있습니다.OS에 표준으로 탑재된 글꼴, 사용자가 추가한 글꼴에서 표시된다.특수한 글꼴은 이미지화됐지만 웹페이지에서 직접 문자 디자인 글꼴을 사용할 수 있어 이미지에 비해 용량이 작아 검색엔진 복제 대상으로 활용할 수 있어 장점이 많다.
Google Fonts로 갑니다.
나는 Google이 정말 세상을 지배할 수 있다고 생각한다. Google은 모든 것을 다 가지고 있다.
네, 인터넷도요.
따라서 Google의 공식 웹 사이트는 바로 이것입니다.904개의 글씨체가 있다니.(2018년 12월 7일 기준)
https://fonts.google.com/
그러나 일본어에 대응하는 글씨체는 드물다.12 글씨체.
(※ 2019년 9월 27일 "괜찮네"받았는데 다시 보니 8가지 서체로 바뀌었어요. 가끔 줄어들기도 하고...)

처음부터 일본어 글씨체에 접근하고 싶으면 여기서↓
https://fonts.google.com/?subset=japanese
글꼴 다운로드
  • 마음에 드는 글씨체 오른쪽 상단에 + 표시
  • 를 클릭
  • '1 Family Selected'라고 적힌 모드도 속속 등장해 클릭
  • 오른쪽 상단의 ↓(다운로드 아이콘)
  • 클릭
  • zip 파일 다운로드 가능
  • 제 경우는'Kosugi Maru'글꼴을 다운받아 동결해제하면 Kosuge Maru-Reglar입니다.ttf라는 파일이 나타났습니다.
    서브셋화
    • 하위 세트 글꼴 제조업체
    https://opentype.jp/subsetfontmk.htm
    • WOFF 변환기
    https://opentype.jp/woffconv.htm
    서브집을 만든 후에 그것을 웹 페이지로 만들어라.
    위에 걸려 있는 것은 '서브셋 글꼴 제조사' 의 '글꼴에 저장할 텍스트' 입니다.
    직접 입력해야 하는데...
    아래 URL이 있으니 그걸로 하는 게 좋을 것 같아요!이런 말이 쓰여 있지만 엄청난 인기에 전혀 연결이 되지 않아 시간 초과입니다.
    https://11neko.com/font-3/
    이번에는 자집에 없는 문자의 표시를 확인하려면 자집의 문자가 적으면 좋겠다.
    "사랑해요".
    이렇게 했습니다.
    이 사이트는 샘플 HTML 파일을 만드는 메뉴를 준비해 놓은 것이 다행이다.
    나타내다
    이해하기 쉽게 글꼴 크기를 88 픽셀로 설정해 보세요.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <style type="text/css">
    @font-face {
      font-family: "myFont";
      src: url("subset.woff2") format('woff2'),
           url("subset.woff") format('woff');
    }
    .myFontClass {
      font-family: "myFont";
      font-size: 88px;
    }
    </style>
    
    <body>
    <p>サンプル文字列は「<span class="myFontClass">あいにうえている</span>」です。</p>
    </body>
    </html>
    

    처음에는 견본 문자열을'낙서 사랑'으로 바꿨는데, 섞고 싶어서'위에'로 바꿨다.'사랑','상','중'등 다른 글씨체의 차이를 나는 모두가 알고 있다고 생각한다.하위 세트에 없는 글꼴은 일반 글꼴로 표시됩니다.
    처음의'대략 이렇게 되겠지'처럼.
    덧붙이다
    사랑을 갈망하는 것은 정말이다.

    좋은 웹페이지 즐겨찾기