我在網站上有一些概述的文字,但由于某種原因,這些文字現在看起來很奇怪。請查看下面的圖片鏈接以獲取更多詳細資訊。
眼鏡:
- WordPress 5.8.3
- Elementor / Pro 3.5.3 / 3.5.1
- 字體:Sinkin Sans
這是代碼(實際代碼中沒有 h1)
.cleartext {
color: #000000;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000000;
}
.gbtext {
font-weight: 700;
}
<h1><span class="cleartext gbtext">It's clear</span> when you blah blah blah.</h1>
這就是我所看到的: 字體線正在進入應該是透明的空間
uj5u.com熱心網友回復:
是字體,Sinkin Sans。它不兼容。將其更改為 Helvetica 修復了它,并且它與 Sinkin 足夠接近,大多數人可能不會注意到。
helvetica 有點窄,句點/點是平方的,但還不錯
uj5u.com熱心網友回復:
是因為字體。您可能無法做任何事情,并且此字體的筆畫將與您的 img 一樣。但是,如果您使用 text-shadow 而不是 -webkit-text-stroke,它會有點 hack,但它應該可以作業。主要缺點是文本不能透明,因為有陰影,它們是可見的,所以你必須設定文本的顏色。
.cleartext {
color: #fff;
text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, 0px -1px 0 #000;
}
.gbtext {
font-weight: 700;
}
<h1><span class="cleartext gbtext">It's clear</span> when you blah blah blah.</h1>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/409306.html
標籤:
