我想为占位符和按钮使用计算机中的自定义字体。

我的@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);
  {