JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center">
  <p>이것을 닫아라</p>
  <p>이것을 닫아라</p>
</div>

CSS

* { padding: 0px; margin: 0px; }
.center {
  border: 3px solid #0f0;
  margin: 20px;
  height: 5rem;
}

p {
  font-weight: 900;
  font-size: 3rem;
  border: 3px solid #f0f;
  vertical-align: baseline;
  display: inline;
}

.center p:first-child { font-family: "Apple SD Gothic Neo"}
.center p:last-child { font-family: "Malgun Gothic"; }



@font-face {font-family: "Malgun Gothic"; src: url("//db.onlinewebfonts.com/t/3a025ae92e6446cec24efcb6d29e5bf3.eot"); src: url("//db.onlinewebfonts.com/t/3a025ae92e6446cec24efcb6d29e5bf3.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/3a025ae92e6446cec24efcb6d29e5bf3.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/3a025ae92e6446cec24efcb6d29e5bf3.woff") format("woff"), url("//db.onlinewebfonts.com/t/3a025ae92e6446cec24efcb6d29e5bf3.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/3a025ae92e6446cec24efcb6d29e5bf3.svg#Malgun Gothic") format("svg"); } 

@font-face {font-family: "Apple SD Gothic Neo"; src: url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.eot"); src: url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.woff") format("woff"), url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/67680f2eb947c5cbd58b40961b4a61e9.svg#Apple SD Gothic Neo") format("svg"); }