Google Fonts + 일본어 조기 액세스를 시도했습니다.

Google Fonts + 일본어 초기 접근을 사용해 보았기 때문에, 스스로 필기를 합니다.
https://googlefonts.github.io/japanese/

사용법

Google Fonts와 같습니다.
[참조] Google Web Fonts 사용
http://qiita.com/umeume66/items/e37895571086a8a26158
(1) 사용할 글꼴을 선택합니다.
[예] Noto Sans Japanese
(2) HTML 헤드에 다음 기술을 추가합니다.

<link href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet" />

(3) CSS를 통한 설정

.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

(완성!)
　

객체 글꼴

M+ 1p

Rounded M+ 1c

내일 아침

심명조

상쾌한 내일 아침

고딕 접촉

니오이

니콘모시

Noto Sans Japanese

샘플 보기

① 예문 ※ 청공문고"나는 고양이다."
② 숫자, 알파벳 기호
③ 개발 중이나 비대응 한자가 많은'JIS 제 2 수준의 한자'의 예를 포함한다.(경극하언을 좋아하는 초밥집이 된 듯...)
지원되지 않는 문자의 배경색을 설정합니다.
　
※ 모두 커머셜 사이트에서 OK.
※ 고딕계에는'산스세리프'가 설정돼 있고, 명나라계에도'세리프'가 설정되어 있습니다.
(글꼴에 맞지 않는 문자는 "sans-serif"또는 "serif"로 표시됩니다.)

M+ 1p

Rounded M+ 1c

화려한 명나라

내일 아침

동틀 무렵

접촉 고딕 양식

니구치

연기에 그을리다

Noto Sans Japanese

예제 표시(7가지 두께 비교)

위쪽부터 다음 순서대로 설정합니다.

Thin(font-weight: 100;)

Light(font-weight: 300;)

Regular(font-weight: 400;)

Medium(font-weight: 500;)

Bold(font-weight: 700;)

Extrabold(font-weight: 800;)

Black(font-weight: 900;)

M+ 1p

Rounded M+ 1c

Noto Sans Japanese

　

스마트폰 태블릿으로 검증(2016.1.04 보충)

※「Thin(font-weight: 100;)」상당히 가늘어 스마트폰에는 적합하지 않다.(적어도 인상용? 못 읽는 건 아니지만 좀 피곤하다.)

[문제 없음]

iPod Touch(iOS 7.0.4)

iPhone 6(iOS 10.0.2)

iPhone 7(iOS 10.0.2)

・고딕계·명나라계와 기본 서체의 굵기는 조금 신경 쓰이지만, 일반 문장에서는 잘 쓰지 않는 한자여서 별다른 문제는 없다.
· 오래된 태블릿PC도 있어서 봤는데'아이패드(iOS 4.2.1)'를 읽는 과정에서 브라우저가 떨어졌어요.
　

[주의 필요]

기본 글꼴은 "앵글 고딕"모델

Galaxy SC-02C(Android 2.3.4)

Galaxy SC-04E(Android 4.2.2)

DIGNO(Android 4.2.2)

・'serif'계열 글씨체가 탑재되지 않아 명나라 계열 글씨체와 위화감이 있다.어떻게든 명조체를 사용하고 싶다면'요명조'를 선택할 수 있다.
・고딕계·명나라계와 기본 서체는 굵기가 조금 다르지만 (기본 서체는 굵게 나타난다) 일반 문장에서는 잘 쓰이지 않아 별다른 문제가 없다.
　
　
기본 글꼴은 "원형 고딕"모델입니다.

Nexus7(Android 4.4.2)

Xperia(Android 4.4.2)

AQUOS PHONE(Android 4.4.2)

Galaxy SC-04F(Android 5.0)

Nexus5(Android 5.1.1)

·'serif'계열 글씨체가 탑재되지 않아 명나라 계열 글씨체와 불협화감이 강하다.어떻게든 명조체를 사용하고 싶다면'요명조'를 선택할 수 있다.
· 고딕 서체라 할지라도 기본값인 원형 고딕 서체와 구별에 크게 신경 쓰지 않지만, 큰 서체를 사용한다면'라운드드 M+1c','접촉 고딕 서식','노트 산스 재파네스'는 나무랄 데가 없다.
・고딕계·명나라계와 기본 서체는 굵기가 조금 다르지만 (기본 서체는 굵게 나타난다) 일반 문장에서는 잘 쓰이지 않아 별다른 문제가 없다.

'노트산스JP'질문 있나요?

2018년 5~6월께부터 제대로 표시되지 않은 것 같아요.지금 조사 중입니다.

(추기: 2018.08.23)

Noto Sans JP의 IE가 제대로 표시되지 않는 이유는 CSS에 설정된 글꼴 형식이 ".woff2"(IE가 해당하지 않음)이기 때문입니다.
https://caniuse.com/#feat=woff2
(글꼴 데이터를 다운로드하여.woff 형식으로 변환하면 표시됩니다.)

다른 글씨체도 찾아봤어요.

IE에서는 "Rounded M+1c"만 "M+1p"로 표시됩니다.

"M+1p""Rounded M+1c""내일 아침 접촉""흑체 접촉"네 글자는 정식 버전"Google Fonts에서 제공되는데 그걸로 하는 게 좋을 것 같아요.
※ 서체 이름은 초기 방문과 다를 수 있으니 주의하세요!

'내일아침','내일아침','니코치','니코모'는 IE에 대응하는 다양한 형태(woff2,woff,ttf,eot 등)여서 다양한 환경에서 계속 나타날 수 있다.