我有一個自定義字體，代碼如下-

@font-face {
font-family: 'classylight';
url : 'some path';
font-weight:normal;
    }

我想在網站的任何地方專門為這種字體設置一些值，如字母間距、單詞間距和其他樣式。我想減少不必要的過程，并尋找屬性=樣式屬性。

我試過-

body [style="font-family:classylight"] {
letter-spacing:50px;
word-spacing:-20px; 
}

它不起作用。有人能幫忙嗎？我想只用css來做這件事。如果css沒有可能，請參考javascript，jquery。

PS -我不是在尋找直接將樣式添加到身體部位的答案，比如

p {
font-family: classylight;
letter-spacing:50px;
word-spacing:-20px; 
    }

與文本顏色和大小不同，不能使用attribute=style屬性更改字母間距和單詞間距。你可以在創建的時候通過改變筆的寬度來改變它們，也可以在css的主體中改變它們。

對所有的字母間距、單詞間距等使用rem和em。 對于字體粗細，這是因為初始聲明覆蓋了你自己的字體粗細。

我猜你可能會覺得這很有用..這是最常用的css文本屬性

<h1 style="

text-align: center; 
font-size: 25px;  
color:#FF0000;      
font-family: Arial Black,Arial,Helvetica,Verdana,Trebuchet MS,Comic Sans MS,sans-serif;    
font-style: normal;   
font-weight: 1000;
background-color: #D3D3D3; 
line-height: 3;

">TEST 123</h1>

所以你不能在字體聲明中使用字母間距。然而，您可以做的是創建一個具有您想要的字母間距的類，然后將該類添加到HTML元素中。像這樣:

@font-face {
   font-family: 'Roboto';
   url : 'https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap';
   font-weight: normal;
}

@font-face {
   font-family: 'Open Sans';
   url : 'https://fonts.googleapis.com/css2?family=Open+Sans&display=swap';
   font-weight: normal;
}
        
.roboto-norm{
   font-family: 'Roboto';
   font-weight: normal;
}
        
.roboto-norm-ltr-spc{
   font-family: 'Roboto';
   font-weight: normal;
   letter-spacing: 0.25em !important;
}
        
.opensans-norm{
   font-family: 'Open Sans';
   font-weight: normal;
}
        
.opensans-norm-ltr-spc{
   font-family: 'Open Sans';
   font-weight: normal;
   letter-spacing: 0.25em !important;
}

<label class="roboto-norm">Normal roboto letter spacing</label>
<br><br>
<label class="roboto-norm-ltr-spc">Custom roboto letter spacing</label>

<br><br>
<br><br>

<label class="opensans-norm">Normal open sans letter spacing</label>
<br><br>
<label class="opensans-norm-ltr-spc">Custom open sans letter spacing</label>

font-feature-settings屬性允許控制OpenType字體中的高級印刷功能。這些設置在我的案例中得到解決:

body{
  font-variant: none;
  font-feature-settings: "c2sc", "smcp";
}