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

Answer 2

您需要将TTF字体转换为网络字体。您可以使用像Font Squirrel这样的服务来执行此操作。

http://www.fontsquirrel.com/tools/webfont-generator