ECサイト用パーツ

DM Mono

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

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

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

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" rel="stylesheet">

CSS

body {
	font-family: 'DM Mono', sans-serif;
	font-style: italic; /* italic */
	font-weight: 300; /* Light 300 */
	font-weight: 400; /* Regular 400 */
	font-weight: 500; /* Medium 500 */
}

Light 300

Almost before we knew it, we had left the ground. 0123456789

Light 300 italic

Almost before we knew it, we had left the ground. 0123456789

Regular 400

Almost before we knew it, we had left the ground. 0123456789

Regular 400 italic

Almost before we knew it, we had left the ground. 0123456789

Medium 500

Almost before we knew it, we had left the ground. 0123456789

Medium 500 italic

Almost before we knew it, we had left the ground. 0123456789