<svg viewBox="0 1 160 15" xmlns="http://www.w3.org/2000/svg">
        <text x="1" y="13" class=main><!--少しずらす-->
          かちびと
        </text>
        <text x="0" y="13" class=overline>
          かちびと
        </text>
      </svg>
body {
  display: grid;
  height: 100vh;
  align-content: center;
}

.main {
  fill: #da4167;
  font-size:13px;
  font-weight:bold;
  text-transform: lowercase;
}

.overline {
  text-transform: lowercase;
  stroke: #01b9e1;
  font-weight:bold;
  font-size:13px;
  stroke-width: 0.5px;
  fill: transparent;
  mix-blend-mode: darken;
}

External CSS

  1. https://res.cloudinary.com/dxij3wtkk/raw/upload/v1546720153/portfolio/fonts.css
  2. https://fonts.googleapis.com/css?family=Raleway

External JavaScript

This Pen doesn't use any external JavaScript resources.