使用本地存储在计算机上的字体,无法正常工作

时间:2016-10-19 10:32:44

标签: html css fonts

                        @font-face {
                            font-family: 'Runescape Chat Font Regular' !important;
                        src:
                            local('Runescape Chat Font Regular'),
                            local('Runescape Chat Font Regular'),
                            url('Runescape Chat Font Regular.ttf');
                        }

                      .message-group.compact .message .message-text .markup .user-name {
                            font-family: 'Runescape Chat Font Regular', sans-serif !important;
                            font-size: 13px !important;
                            font-weight: 100 !important; 
                        }

我试图使用我的计算机上安装的字体,但它不起作用。我的代码中有错误吗?未显示Runscape Chat Font Regular字体。 (这适用于所有预装了字体的朋友,因此可以安装字体以使其正常工作)

1 个答案:

答案 0 :(得分:2)

嗨这是你必须在css中引用字体

的方法
@font-face {
   font-family: myFirstFont;
   src: url(sansation_light.woff);
}

请参阅此@font-face rule css

请参阅learn more