demo_1: css文字嵌入背景图片效果（background-clip + text-fill-color）

效果图：

css代码：

.bg_text {
    line-height: 90vh;
    text-align: center;
    font-size: 500px;
    color: black;
    font-weight: 700;
    font-family: '钟齐志莽行书';
    background-image: url(./demo_1.jpg);
    letter-spacing: -50px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-clip: text; // 主要代码1
    -webkit-text-fill-color: transparent; // 主要代码2
  }
  

html代码：

<div class="bg_text">
  <span>阴阳师</span>
</div>

说明：实现此效果目前需要添加 -webkit- 前缀

background-clip目前还有content-box、padding-box、border-box三个属性，学习中。