JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox">
    
<p>This is thin</p>

CSS

@import url(http://fonts.googleapis.com/css?family=Lato:100,400,700,900);

body, html {
    font-family: 'Lato', sans-serif;
}

input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
}

input {
    background-color:#ccc;
    width:200px;
    height:200px;
    background-color:grey;
}

input:after {
    width:100%;
    text-align:center;
    font-weight:100;
    content: "This should be thin";
}

p {
    font-weight:100;
}