在HTML样式属性(CSS内联样式)中使用@ font-face无法正常工作

时间:2017-01-11 03:08:00

标签: html css font-face

我想在我的HTML Devlys010中使用textarea字体。

我已经下载了相同的ttf并将其复制到项目文件夹中。

textarea代码中我使用以下代码:

<textarea class="form-control" name="question" style="font-family:DevLys_010; src: url('mfdev010.ttf');"></textarea>

但是在文本框中输入时没有显示devlys字体。

请帮帮我怎样才能使用它?

1 个答案:

答案 0 :(得分:2)

style部分的head元素或外部CSS文件中调用您的字体。

我不相信您可以从style属性加载文件。

尝试以下几点:

&#13;
&#13;
<html>
    <head>
        <title> text here </title>
        <style>
            @font-face {
                font-family: "DevLys_010";
                src: url("https:// path here / path here /mfdev010.ttf");
            }
            textarea {
                font-family: DevLys_010;
            }
        </style>
    </head>
    <body>
        <textarea class="form-control" name="question"></textarea>
    </body>
</html>
&#13;
&#13;
&#13;