<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>

<!-- H1 -->
<h1 lang="jp">こんにちは</h1>
<h1 lang="es">Hola</h1>
<h1 lang="en">Hello</h1>
<h1 lang="de">Hallo</h1>
<h1 lang="fr">Bonjour</h1>
/* Default */
body{
  font-family: 'Raleway', sans-serif;
  text-align: center;
}

h1 {
  color: #4AA0D5;
  font-size: 70px;
  margin: 10px 0;
}

/* Text-stroke */
h1:lang(jp){
  -webkit-text-fill-color: #4AA0D5;
  -webkit-text-stroke: 4px #EB586F;
}

h1:lang(es){
  -webkit-text-fill-color: #EB586F;
  -webkit-text-stroke: 2px black;
}

h1:lang(en){
  -webkit-text-fill-color: #EB586F;
  -webkit-text-stroke: 4px #4AA0D5;
}

h1:lang(de){
  -webkit-text-fill-color: #4AA0D5;
  -webkit-text-stroke: 1px black;
  font-weight: 400;
}

h1:lang(fr){
  -webkit-text-fill-color: black;
  -webkit-text-stroke: 2px #4AA0D5;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.