구글이 제공하는 일본어 네트워크 글꼴
개시하다
2016년 10월 19일 구글 폰츠는 9종의 일본어 글씨체를 무료 인터넷 글씨체로 출시했다.( Google Fonts + 일본어 초기 액세스 )
여기에는 2014년 7월 16일 발표된 노트산스 CJK(소스의 뿔 고딕 양식)도 포함됐다.노트세이프 CJK는 지난달(2017년 4월 4일) 노트산스의 명나라체 버전을 발표했다.
노트 시리즈는 모든 언어에 대응하기 위해 서체가 대응하지 않는 상태에서 나타나는 사각(r.1)을 통칭'두부'로 부르면 사라진다는 생각을 갖고 노트(no more tofu)라고 명명했다.(참조: Wikipedia Noto
원천지는 내일 아침 인터넷 글씨체로 사용할 수 없어 아쉽지만 향후 추가 사용이 기대된다.
사용자가 다운로드할 수 있도록 글꼴을 직접 준비하면 서버의 구성과 회선 속도에 좌우되기 때문에 잘못하면 몇 분 동안 기다리게 하지만 Google 서버는 기다리게 하지 않습니다.
초기 방문은'실험적'이기 때문에 비즈니스 활동에 사용하기 어렵지만 블로그에 사용해 보면 재미있을 수도 있다.
Google 선생님의 향후 행보를 지켜보고 싶습니다.
CSS 태그 정보
CSS의 예는 다음과 같습니다import
. HTML 지정으로 바꿀 수도 있습니다.(아무거나 가능합니다.)
또한 import이면 CSS 파일의 시작 부분에 기술하지 않으면 가져오지 않습니다. 주의하십시오.
import/* 冒頭でimport */
@import url(https://フォントCSSのURL);
/* フォントを指定したいところで */
font-family: 'XXXXX';
html<link href="https://フォントCSSのURL" rel="stylesheet">
샘플 내보내기 정보
출력 샘플은 font-weight
를 100200300의 보폭으로 900까지 출력한 예이다.무거운 무게를 준비한 물건은 무게에 따라 굵기가 다르지만 준비하지 않은 것은 굵기만 하다.
또한 다중 무게가 준비된 글꼴 파일의 크기가 커서 읽는 데 시간이 걸릴 수 있으니 주의하시기 바랍니다.
Noto Sans(원본의 뿔 고딕)
JP와 Japanese 두 종류가 있는데 JP는 대응 수가 약간 많고 무게당 사이즈도 약간 크다.1
2
그러나 JP에는 디미라이트 무게가 없어 전체적으로 JP의 읽기 속도가 가볍고 빠른 편이다.3
디미라이트까지 꾸준히 표시할 필요가 없다면 노트산스 JP를 사용하는 것이 좋다.
Noto Sans JP
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* フォントを指定したいところで */
font-family: 'Noto Sans JP';
Noto Sans Japanese
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* フォントを指定したいところで */
font-family: 'Noto Sans Japanese';
Noto Serif(원본의 명나라)
Google Fonts에 CSS 정의 방법이 적혀 있는 초기 웹 글꼴은 공개되지 않았으나, 이 정의에 따라 반영되지 않았습니다.
Google Fonts의 Noto Serif
글꼴을 다운로드해 자신의 서버에 올리면 반영되지만 상당히 무거워진다.
Noto Serif의 CSS 지정 방법
Mplus 1p
저자: 모리타 호스
http://mplus-fonts.osdn.jp/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
/* フォントを指定したいところで */
font-family: 'Mplus 1p';
Rounded Mplus 1c
위 Mplus 1p의 원형 글꼴 버전입니다.
저자: 자체 제작 글씨체 공방
http://jikasei.me/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
/* フォントを指定したいところで */
font-family: 'Rounded Mplus 1c';
한나리(내일 아침)
저자: 나카이 료상
http://typingart.net/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
/* フォントを指定したいところで */
font-family: 'Hannari';
Kookoro
저자: 나카이 료상
http://typingart.net/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);
/* フォントを指定したいところで */
font-family: 'Kokoro';
니쿠쿠
저자: 나카이 료상
http://fontopo.com/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/nikukyu.css);
/* フォントを指定したいところで */
font-family: 'Nikukyu';
Nico Moji(니콘)
저자: 쿠쿠
http://nicofont.pupu.jp/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/nicomoji.css);
/* フォントを指定したいところで */
font-family: 'Nico Moji';
Sawarabi Gothic(접촉 Gothic)
저자: mishio
http://mshio.b.osdn.me/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
/* フォントを指定したいところで */
font-family: 'Sawarabi Gothic';
사와라비 민초
저자: mishio
http://mshio.b.osdn.me/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/* フォントを指定したいところで */
font-family: 'Sawarabi Mincho';
노트산스의 일본어 이불집은 6천934자로 JIS X 0208에 정의된 문자가 기본적으로 담겼다.한자 6355자와 한자 이외의 글자 579자를 포함한다. ↩
Noto Sans JP 이불 세트는 6992자로 대부분 JIS X0208에 의해 정의된 문자와 ShiftJIS의 일부 문자가 포함되어 있습니다.이 그룹은 반가명, 편가명 (반각변환 포함), ASCII, 전각과 문장부호 등 6990개의 한자와 602개의 한자 이외의 한자를 포함한다. ↩
X00 이외의 브라우저 무게 처리가 충분하지 않아 노트산스 JP의 데미라이트 무게가 삭제되었습니다. ↩
Reference
이 문제에 관하여(구글이 제공하는 일본어 네트워크 글꼴), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shotets/items/502f8093d53369eaab50
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
CSS의 예는 다음과 같습니다
import
. HTML 지정으로 바꿀 수도 있습니다.(아무거나 가능합니다.)또한 import이면 CSS 파일의 시작 부분에 기술하지 않으면 가져오지 않습니다. 주의하십시오.
import
/* 冒頭でimport */
@import url(https://フォントCSSのURL);
/* フォントを指定したいところで */
font-family: 'XXXXX';
html<link href="https://フォントCSSのURL" rel="stylesheet">
샘플 내보내기 정보
출력 샘플은 font-weight
를 100200300의 보폭으로 900까지 출력한 예이다.무거운 무게를 준비한 물건은 무게에 따라 굵기가 다르지만 준비하지 않은 것은 굵기만 하다.
또한 다중 무게가 준비된 글꼴 파일의 크기가 커서 읽는 데 시간이 걸릴 수 있으니 주의하시기 바랍니다.
Noto Sans(원본의 뿔 고딕)
JP와 Japanese 두 종류가 있는데 JP는 대응 수가 약간 많고 무게당 사이즈도 약간 크다.1
2
그러나 JP에는 디미라이트 무게가 없어 전체적으로 JP의 읽기 속도가 가볍고 빠른 편이다.3
디미라이트까지 꾸준히 표시할 필요가 없다면 노트산스 JP를 사용하는 것이 좋다.
Noto Sans JP
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* フォントを指定したいところで */
font-family: 'Noto Sans JP';
Noto Sans Japanese
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* フォントを指定したいところで */
font-family: 'Noto Sans Japanese';
Noto Serif(원본의 명나라)
Google Fonts에 CSS 정의 방법이 적혀 있는 초기 웹 글꼴은 공개되지 않았으나, 이 정의에 따라 반영되지 않았습니다.
Google Fonts의 Noto Serif
글꼴을 다운로드해 자신의 서버에 올리면 반영되지만 상당히 무거워진다.
Noto Serif의 CSS 지정 방법
Mplus 1p
저자: 모리타 호스
http://mplus-fonts.osdn.jp/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
/* フォントを指定したいところで */
font-family: 'Mplus 1p';
Rounded Mplus 1c
위 Mplus 1p의 원형 글꼴 버전입니다.
저자: 자체 제작 글씨체 공방
http://jikasei.me/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
/* フォントを指定したいところで */
font-family: 'Rounded Mplus 1c';
한나리(내일 아침)
저자: 나카이 료상
http://typingart.net/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
/* フォントを指定したいところで */
font-family: 'Hannari';
Kookoro
저자: 나카이 료상
http://typingart.net/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);
/* フォントを指定したいところで */
font-family: 'Kokoro';
니쿠쿠
저자: 나카이 료상
http://fontopo.com/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/nikukyu.css);
/* フォントを指定したいところで */
font-family: 'Nikukyu';
Nico Moji(니콘)
저자: 쿠쿠
http://nicofont.pupu.jp/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/nicomoji.css);
/* フォントを指定したいところで */
font-family: 'Nico Moji';
Sawarabi Gothic(접촉 Gothic)
저자: mishio
http://mshio.b.osdn.me/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
/* フォントを指定したいところで */
font-family: 'Sawarabi Gothic';
사와라비 민초
저자: mishio
http://mshio.b.osdn.me/ /* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/* フォントを指定したいところで */
font-family: 'Sawarabi Mincho';
노트산스의 일본어 이불집은 6천934자로 JIS X 0208에 정의된 문자가 기본적으로 담겼다.한자 6355자와 한자 이외의 글자 579자를 포함한다. ↩
Noto Sans JP 이불 세트는 6992자로 대부분 JIS X0208에 의해 정의된 문자와 ShiftJIS의 일부 문자가 포함되어 있습니다.이 그룹은 반가명, 편가명 (반각변환 포함), ASCII, 전각과 문장부호 등 6990개의 한자와 602개의 한자 이외의 한자를 포함한다. ↩
X00 이외의 브라우저 무게 처리가 충분하지 않아 노트산스 JP의 데미라이트 무게가 삭제되었습니다. ↩
Reference
이 문제에 관하여(구글이 제공하는 일본어 네트워크 글꼴), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shotets/items/502f8093d53369eaab50
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* フォントを指定したいところで */
font-family: 'Noto Sans JP';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* フォントを指定したいところで */
font-family: 'Noto Sans Japanese';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
/* フォントを指定したいところで */
font-family: 'Mplus 1p';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
/* フォントを指定したいところで */
font-family: 'Rounded Mplus 1c';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
/* フォントを指定したいところで */
font-family: 'Hannari';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);
/* フォントを指定したいところで */
font-family: 'Kokoro';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/nikukyu.css);
/* フォントを指定したいところで */
font-family: 'Nikukyu';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/nicomoji.css);
/* フォントを指定したいところで */
font-family: 'Nico Moji';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
/* フォントを指定したいところで */
font-family: 'Sawarabi Gothic';
/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/* フォントを指定したいところで */
font-family: 'Sawarabi Mincho';
Reference
이 문제에 관하여(구글이 제공하는 일본어 네트워크 글꼴), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shotets/items/502f8093d53369eaab50텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)