我想為占位符和按鈕使用計算機中的自定義字體。

我的@font-face。

@font-face {
        font-family: customfont2;
        src: url(Font/otf/segment14.regular.otf);
        }

我在做一個十進制/二進制/十六進制轉換器

<div id="decimal">
 <input placeholder="Type Decimal Here">
 <button>Convert Decimal</button>
 </div>

對于button，您只需要這樣的內容:

button{ 
    font-family: customfont2;
}

對于占位符，您可以嘗試下面的選擇器:

::-webkit-input-placeholder { /* Edge */
  font-family: customfont2;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: customfont2;
}

::placeholder {
  font-family: customfont2;
}

關于::占位符選擇器的更多信息

使用input::占位符

輸入元素的樣式占位符的偽元素

@font-face {
    font-family: 'mycustomfont';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2);
}
 
input,button{
  font-family:'mycustomfont';
}
input::placeholder{
  font-family:'mycustomfont';
  color:green;
}

<div id="decimal">
 <input placeholder="Type Decimal Here">
 <button>Convert Decimal</button>
</div>

謝謝伙計們，但我想我自己

input[type="text"]
        {
        font-family: customfont4;
        background-color: rgb(0, 0, 0);
        color: rgb(255, 0, 0);
        }
input[type="button"]
        {
        font-family: customfont3;
        }
        
button {
font-family: customfont3;
height:28px;
font-size:12pt;
}
::placeholder {
  font-family: customfont2;
    color: rgb(255, 0, 0);
  {