CodePen Embed - Example

<link href="https://fonts.googleapis.com/css?family=Kanit|Merriweather" rel="stylesheet">
<div class="intro"><p>Hello Everybody!</p>
<h1>เว็บไซต์สวยได้ด้วยฟอนต์จาก Google Fonts</h1>
<h3>Product</h3>
<p>ด้วยขั้นตอนไม่กี่ขั้นตอน ท่านก็สามารถมีฟอนต์สวยๆในเว็บไซต์ของท่านแล้ว</p>
</div>

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap');

h1, h2, h3, h4, h5, h6 {
font-family: 'Kanit', sans-serif;
}

.intro{font-family: 'Kanit', serif;}
.intro h3{color:#ff0000; font-size:30px;}
.intro p{font-size:15px; color:#ff7920;}

This Pen is owned by juthamas on CodePen.

See more by @SGW on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.