在webview中访问Android的系统字体

时间:2014-10-29 16:22:40

标签: android ios css

因此iOS允许用户使用css for cordova应用程序进入系统字体设置(动态类型)。 This article解释了这个过程。最终结果是css看起来像这样。

h1 {
  font-family: -apple-system-font;
}

这是一个强大的功能,我想知道Android是否有相同的东西?我读过一些建议采用这种方法的文章

h1 {
  font-family: 'RobotoRegular', 'Droid Sans', sans-serif;
}

但它没有提供任何变化。任何人都知道这是否可能与Android 4.0及以上?

2 个答案:

答案 0 :(得分:1)

您应该能够使用以下默认系统字体:

h1 {
  font-family: sans-serif;
}

答案 1 :(得分:-1)

代码不是很漂亮,但这就是我实现它的方式:

body{
    font-family: HelveticaLight;
    src: url("file:///android_asset/fonts/HelveticaLight.ttf");
}
@font-face {
    font-family: 'HelveticaLight';
    src: url('file:///android_asset/fonts/HelveticaLight.ttf') format('woff'),
        url('file:///android_asset/fonts/HelveticaLight.ttf') format('truetype'),
        url('file:///android_asset/fonts/HelveticaLight.ttf') format('svg');
    font-weight: normal;
    font-style: normal;
}