logo 首字母为小写 j 时会被裁切，大写正常 about home

[imsyy]

正在想办法解决这个问题 😂

[first19326]

@Jerry-FaGe 这个问题，我可以给你个解决方案，首页的话应该算完美，但是其他页面不是特别完美，首页这个地方的容器有个 margin-left 的样式，你调整为 padding-left 就可以解决这个问题。归根究底这个问题是由于字体样式造成的，因为这个字体会超出容器限制。

[Jerry-FaGe]

@Jerry-FaGe 这个问题，我可以给你个解决方案，首页的话应该算完美，但是其他页面不是特别完美，首页这个地方的容器有个 margin-left 的样式，你调整为 padding-left 就可以解决这个问题。归根究底这个问题是由于字体样式造成的，因为这个字体会超出容器限制。

感谢你提供的思路，我调整出了适合我的样式，以下放出我的调整以供参考：

• 先调首页 src/components/Message/index.vue

.name {
  width: 100%;
  height: 142px;
- margin-left: 12px;
+ // margin-left: 12px;
  transform: translateY(-15px);
  font-family: "Pacifico-Regular";

  .bg {
    font-size: 5rem;
+   padding-left: 1.2rem;
  }

• 至于其他页面有这个样式的，目前就找到了设置页面 src/views/MoreSet/index.vue

.bg {
  font-size: 5rem;
+ padding-left: 1.2rem;
}

只测试了小写字母 j 的表现，其他字母因为有字体压缩就懒得测了(
本人不咋懂前端，如果这样写兼容性会更好的话希望 @imsyy 可以采纳或者我提个 pr

现在就剩下过长域名会超出引言框这里的样式不知道该怎么调整了