Android 移动浏览器和混合应用程序不支持自定义古吉拉特语字体 (Gopika Two)
Custom Gujarati font (GopikaTwo) is not supported on Android mobile browser and hybrid application
我正在尝试在我的混合应用程序中使用自定义字体 GopikaTwo。我在 css 中添加了以下代码:-
@font-face {
font-family: 'GopikaTwo' !important;
src: url('GopikaTwo.eot') !important;
src: url('GopikaTwo.eot?#iefix') format('embedded-opentype'), url('GopikaTwo.woff2') format('woff2'), url('GopikaTwo.woff') format('woff'), url('GopikaTwo.ttf') format('truetype'), url('GopikaTwo.svg#GopikaTwo') format('svg') !important;
font-weight: normal;
font-style: normal;
}
.gopika-two {
font-family: "GopikaTwo", "Roboto", "Helvetica Neue", sans-serif !important;
}
这在桌面浏览器(如 Chrome、Firefox)上运行良好,但在 android 移动浏览器(如 chrome)上运行不佳。我的最终目标是 运行 在 Android.
的混合移动应用程序上
是否需要进行任何配置?
这有效。
variable.scss
@font-face {
font-family: 'GopikaTwo';
src: url('../assets/fonts/GopikaTwo.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/GopikaTwo.woff') format('woff'), url('../assets/fonts/GopikaTwo.ttf') format('truetype'), url('../assets/fonts/GopikaTwo.svg#GopikaTwo') format('svg');
font-weight: normal;
font-style: normal;
}
$font-family-base: "GopikaTwo";
$font-family-ios-base: $font-family-base;
$font-family-md-base: $font-family-base;
$font-family-wp-base: $font-family-base;
我正在尝试在我的混合应用程序中使用自定义字体 GopikaTwo。我在 css 中添加了以下代码:-
@font-face {
font-family: 'GopikaTwo' !important;
src: url('GopikaTwo.eot') !important;
src: url('GopikaTwo.eot?#iefix') format('embedded-opentype'), url('GopikaTwo.woff2') format('woff2'), url('GopikaTwo.woff') format('woff'), url('GopikaTwo.ttf') format('truetype'), url('GopikaTwo.svg#GopikaTwo') format('svg') !important;
font-weight: normal;
font-style: normal;
}
.gopika-two {
font-family: "GopikaTwo", "Roboto", "Helvetica Neue", sans-serif !important;
}
这在桌面浏览器(如 Chrome、Firefox)上运行良好,但在 android 移动浏览器(如 chrome)上运行不佳。我的最终目标是 运行 在 Android.
的混合移动应用程序上是否需要进行任何配置?
这有效。
variable.scss
@font-face {
font-family: 'GopikaTwo';
src: url('../assets/fonts/GopikaTwo.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/GopikaTwo.woff') format('woff'), url('../assets/fonts/GopikaTwo.ttf') format('truetype'), url('../assets/fonts/GopikaTwo.svg#GopikaTwo') format('svg');
font-weight: normal;
font-style: normal;
}
$font-family-base: "GopikaTwo";
$font-family-ios-base: $font-family-base;
$font-family-md-base: $font-family-base;
$font-family-wp-base: $font-family-base;