ECサイト用パーツ

M PLUS 1p

埋め込みタグ(スタイルシート)

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

埋め込みタグ(HTML/linkタグ)

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap" rel="stylesheet">

CSS

body {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 100; /* Thin 100 */
	font-weight: 300; /* Light 300 */
	font-weight: 400; /* Regular 400 */
	font-weight: 500; /* Medium 500 */
	font-weight: 700; /* Bold 700 */
	font-weight: 800; /* Extra-bold 800 */
	font-weight: 900; /* Black 900 */
}

Thin 100

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。1234567890

Light 300

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。1234567890

Regular 400

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。1234567890

Medium 500

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。1234567890

Bold 700

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。1234567890

Extra-bold 800

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。1234567890

Black 900

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。1234567890