如何在 xamarin UWP 中使用字体

Question

我正在开发跨平台应用程序。在 webview 我想使用@font-face。它在 Android 上运行良好，但在 UWP 上无法运行。我的字体文件位于 Assets/Fonts 文件夹和样式表中，我使用以下代码：

@font-face {
    font-family: 'defont';
    src: url('Assets/Fonts/mher.ttf');
}

在 Android 中我使用的是这个：

src: url('file:///android_asset/mher.ttf');    

但是当我在 UWP 中尝试相同的方法时，它不起作用。 请问有人知道吗？

更新：

下面是我使用普通 WebView 的 C# 代码。我正在从本地 html 文件中获取 html 内容，替换一些占位符并将新的 html 字符串显示到 WebView。

var browser = new WebView();
var htmlSource = new HtmlWebViewSource();

var assembly = IntrospectionExtensions.GetTypeInfo(typeof(WebViewPage)).Assembly;
Stream stream = assembly.GetManifestResourceStream("MyApp.Assets.MyTemplate.html");

string templateHtml = "";
using (var reader = new StreamReader(stream))
{
    templateHtml = reader.ReadToEnd();
}

templateHtml = templateHtml.Replace("{pageHeading}", _post.Title);
templateHtml = templateHtml.Replace("{body}", _post.Content);
if (_post.IsFeaturedImageAvailable)
{
    templateHtml = templateHtml.Replace("{imgSrc}", _post.FeaturedImageUrl);
}else
{
    templateHtml = templateHtml.Replace("{imgSrc}", "");
}
templateHtml = templateHtml.Replace("pdfprnt-buttons", "pdfprnt-buttons hide");

htmlSource.Html = templateHtml;
htmlSource.BaseUrl = DependencyService.Get<IBaseUrl>().Get();
browser.Source = htmlSource;
Content = browser;

Answer 1

它在 UWP 中有特殊的Uri Scheme。要获取 Assets 文件夹中的字体，您需要使用 ms-appx-web://。请尝试以下代码。

@font-face {
    font-family: 'defont';
    src: url('ms-appx-web:///Assets/Fonts/mher.ttf');
}

更新

我使用了HybridWebView，可以直接加载本地html文件。然后在 UWP 项目中添加 css 文件。

html,body{margin:0;padding:10px}

@font-face {
    font-family: 'MyWebFont';
    src: url('ms-appx-web:///Assets/hello.ttf')
}

body, p, h1, span {
    font-family: 'MyWebFont';
}

这是您可以参考的code sample。