JSFiddle - React, Tailwind, and code Playground

HTML

<div>test</div>

CSS

@font-face {
    font-family:'fontname';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/77979/webfont.ttf') format('truetype');
}
div {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 10px;
    width: 570px;
    height: 370px;
    background: none !important;
    border: 30px solid transparent;
    -webkit-border-image: url(http://img.ctrlv.in/img/14/10/28/544fc2d75c818.png) 30 30 fill round; /* Safari 3.1-5 */
    -o-border-image: url(http://img.ctrlv.in/img/14/10/28/544fc2d75c818.png) 30 30 fill round; /* Opera 11-12.1 */
    border-image: url(http://img.ctrlv.in/img/14/10/28/544fc2d75c818.png) 30 30 fill round;
    color: #FFB9B9;
    font: bold 24px/41px'fontname', Helvetica, sans-serif !important;
}