웹 페이지의 서브집에 없는 문자는 어떻게 표시됩니까?
일본어에는 글자 수가 많고 파일 크기도 커지기 때문에 서브집합화(상용 문자만 뽑아 사용자 정의 물건을 만드는 것)를 해야 하는데 거기서 빠진 문자의 표시는 어떻게 될까?
그래서 아마 이렇게 될 것 같다고 생각했지만 실제로 해봤어요.
웹 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
글꼴 다운로드
서브셋화
• 하위 세트 글꼴 제조업체
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>
처음에는 견본 문자열을'낙서 사랑'으로 바꿨는데, 섞고 싶어서'위에'로 바꿨다.'사랑','상','중'등 다른 글씨체의 차이를 나는 모두가 알고 있다고 생각한다.하위 세트에 없는 글꼴은 일반 글꼴로 표시됩니다.
처음의'대략 이렇게 되겠지'처럼.
덧붙이다
사랑을 갈망하는 것은 정말이다.
Reference
이 문제에 관하여(웹 페이지의 서브집에 없는 문자는 어떻게 표시됩니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/takepan/items/1614610c4ea37a7fc393텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)