将自定义字体添加到科尔多瓦项目

我有一个自定义字体，我想在我的应用程序中使用。将自定义字体添加到科尔多瓦项目

字体名称是myfont，扩展名为（myfont.eot，.myfont.svg，myfont.ttf，myfont.woff，myfont.woff2）的文件，当它们被复制到IOS和android资源文件夹时做一个科尔多瓦建设。但是，当我在设备上打开应用程序时，我看不到新的字体显示。

当我从mac上的Safari浏览器运行应用程序时，确实看到了新的喜好显示。

这里是我的CSS文件

html, body { 
    overflow-x: hidden; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    font-family: 'myfont'; 
    font-size: 16px; 
}

的片断是否有别的东西，我需要为了看到这个新的字体Android和iOS设备上

感谢

来源

2017-04-07 user2570135

用做@font-face在你的CSS。

@font-face { 
    font-family: "my-font"; 
    src: url("../assets/myfonts.ttf"); // Give relative path to your css file. 
}

将代码添加到您的css文件顶部。然后，您可以在需要的地方轻松使用字体系列my-font。

例子：

CSS

.class-myfont { 
    font-family: my-font; 
}

HTML

<span class="class-myfont">Hello there</span>

来源

2017-04-07 11:49:04 Harish

注：必须使用关键字__ @字体face__。它专门用于添加字体。 – pashute

@pashute'@ font-face'用于定义字体系列。上面的代码在很多情况下适用于我。 – Harish

是的，我同意。我只是指出，你不能使用任何其他名称的变量。你不能写：''@whatever {font-family：“my-font”...'''等等。你必须使用确切的术语：'''@ font-face {font-family：“my-font “......”等等。然后一切都会奏效。 – pashute

将自定义字体添加到科尔多瓦项目

回答

相关问题