css - HTML 输入文本字段自定义字体

Question

我尝试使用此代码在输入文本字段中设置自定义 TTF 字体:

        <style type="text/css">
            @font-face {
                font-family: "JdLcd";
                src: url("jd_lcd_rounded.ttf");
                //src: url("jd_lcd_rounded.ttf") format('truetype');
            }

            input[name='email'] {
                font-family: "JdLcd";
            }
        </style>

字体已更改，但与 TTF 文件中的字体不同。怎么了？

Answer 1

您确定该字体位于您的网络服务器的根目录中吗？

你必须将正确的字体文件上传到服务器，然后在你的 CSS 中调用它们，否则你的浏览器将尝试在你当前的系统上找到这个字体，如果找不到，它会回退到默认字体。

Font Squirrel 生成器是一个不错的起点:http://www.fontsquirrel.com/tools/webfont-generator