custom-font 相关问题

React Native Expo,自定义字体问题

请帮助我,我的应用程序中存在自定义字体问题。我有控制台错误 - “Inter-SemiBold”不是系统字体并且尚未通过 Font.loadAsync 加载 我尝试了一切,但没有...

回答 1 投票 0

重新启动应用程序时反应本机博览会错误无法加载字体

重新启动 React Native expo 应用程序时出错,无法加载自定义字体,因此应用程序卡在加载指示器或启动屏幕中: [错误:调用本机时遇到异常...

回答 1 投票 0

自定义字体在 Tauri 中无法正确加载

我正在尝试在我的 Tauri 应用程序中使用自定义字体(Figre)。对于某些元素,字体可以正确加载,但对于其他元素则不能。我的代码如下。 HTML: 我正在尝试在我的 Tauri 应用程序中使用自定义字体(Figre)。对于某些元素,字体可以正确加载,但对于其他元素则不能。我的代码如下。 HTML: <!DOCTYPE html> <html> <head> <title>Window title</title> <link href="/style.css" rel="stylesheet"/> </head> <body> <div data-tauri-drag-region id="title-bar"> <p id="title-bar-title">Window title</p> <button class="title-bar-button">Minimize</button> <button class="title-bar-button">Maximize</button> <button class="title-bar-button">Close</button> </div> <h1>This is a test.</h1> </body> </html> CSS: :root { font-size: 20px; } *, ::after, ::before { appearance: none; box-sizing: border-box; font-family: "Figtree" !important; text-rendering: optimizeLegibility; user-select: none; } body { display: flex; flex-direction: column; } #title-bar { display: flex; } #title-bar-title { display: block; flex: 1 1; text-align: center; } .title-bar-button { flex: 0 0; } @font-face { font-display: block; font-family: "Figtree"; src: url("/assets/Figtree[wght].woff2"); } @font-face { font-display: block; font-family: "Figtree"; font-style: italic; src: url("/assets/Figtree-Italic[wght].woff2"); } 我的目标是对我的应用程序中的所有元素使用 Figtree 字体。但是,使用上述代码, h1 元素会按预期显示(使用 Figre 字体且字体粗细为 700),但所有其他包含文本的页面元素不会显示。当删除 CSS 代码中的 !important 时,没有任何元素以 Figtree 字体显示,这让我想知道用户代理样式表是否与此有关。 使用“检查元素”功能,我已经验证样式表和字体文件是否已正确加载。在“字体”选项卡下,所有元素都显示为具有Figtree字体,但正如前面指出的,并非所有元素实际上都显示为这种字体,而是使用后备无衬线字体。 我正在使用 WOFF2 格式的 Figtree 字体 1.5 版和 2.0.3 版 Tauri 版本。我的操作系统是 Linux Mint 版本 21.2。 编辑:我忘记添加这个(我没有复制粘贴代码),但是标题栏 div 具有 data-tauri-drag-region 属性,这使得它的行为就像本机标题栏。可能很重要? Tauri 应用截图: 这是我在 github 上使用自定义窗口和自定义字体重新创建的演示项目,我在 Mac 上测试了它,所有部分似乎都工作正常。包括 Figtree 字体。 https://github.com/developermindsetcom/tauri-custom-font 这里styles.css :root { font-family: Figtree; //... @font-face { font-display: block; font-family: "Figtree"; src: url("/assets/fonts/Figtree-Regular.woff2"); } @font-face { font-display: block; font-family: "Figtree"; font-style: italic; src: url("/assets/fonts/Figtree-Italic.woff2"); } 同时将 decorations 设置在 tauri.conf.json 内: "windows": [ { "decorations": false, "fullscreen": false, "resizable": true, "title": "custom-font", "width": 800, "height": 600 } ] 还有plugin-window,因为我使用的是 Tauri v2(alpha): "plugins": { "window": { "all": false, "close": true, "hide": true, "show": true, "maximize": true, "minimize": true, "unmaximize": true, "unminimize": true, "startDragging": true }, ... 这是我添加的一些分步教程。 请告诉我是否可以在您的 Linux Mint 上构建并运行。

回答 1 投票 0

UIFontMetrics 不适用于带有 Xcode 15 的 iOS 17 中的自定义字体

我正在创建新的应用程序,并且我必须使用自定义字体。我还计划支持动态字体类型。这就是为什么我要创建通用结构,它将在

回答 1 投票 0

浏览器中字母未对齐

我正在为网站使用自定义字体,但在计算机上(这不会发生在移动设备上),字母“s”的位置低于其他字体。 显示“s”的屏幕截图 我检查了实际...

回答 1 投票 0

浏览器中字母未对齐

我正在为网站使用自定义字体,但在计算机上(这不会发生在移动设备上),字母“s”的位置低于其他字体。 显示“s”的图像](https://i.stack.imgur.com/

回答 1 投票 0

大卡特尔,使用网络服务器托管自定义字体不起作用

使用@font-face编辑BigCartel CSS并使用专用的Web服务器来托管文件,我仍然无法让我的自定义字体正常工作。我将附上一些图片以供参考。多么...

回答 1 投票 0

chrisjenx 的书法库无法工作

我按照他的文档指示设置默认字体: @覆盖 protected void onCreate(Bundle savingInstanceState) { super.onCreate(savedInstanceState);

回答 4 投票 0

如何在 Next.js 项目的 tailwind css 中使用 google 字体

我在 Next.js 中有一个项目,但不知道如何将 Google Font 与 Tailwind CSS 一起使用。

回答 4 投票 0

如何为iOS13上下文菜单操作设置自定义字体?

我想为 iOS 13+ 自定义上下文菜单上的操作按钮 菜单是这样的: 我想我可以像 UIAlertController 操作一样设置自定义字体,如下所示: 让行动 = UIA...

回答 2 投票 0

使用 wpml 和 elementor 在 wordpress 上更改字体系列 css 语言

我在 elementor pro 和 wpml 中使用 wordpress,我使用英语和阿拉伯语,对于阿拉伯语,我想使用 Elementor 处理的另一种字体系列(谷歌字体),但是当我尝试实现它时

回答 1 投票 0

SwiftUI 自定义字体加载缓慢

我在使用SwiftUI构建app的时候,在项目中使用了自定义字体来显示emojis(字体ttf文件有23.7M)。使用自定义字体时,代码如下: ContentView 会加载缓慢...

回答 0 投票 0

向世博项目添加用户生成的字体的挑战

我正在创建一个 expo react 本机应用程序,允许用户扫描他们的手写内容并生成自定义字体,然后他们可以使用这些字体进行输入。我已经建立了一个快速的 node.js 服务器,它生成...

回答 0 投票 0

在 react-pdf 中添加自定义字体时遇到问题。怎么解决?

问题 1:我正在使用 react-pdf 生成 pdf 报告。但是我遇到了自定义字体的问题。我根据官方网站注册了字体。但是,要么它不显示 pdf 要么浏览器缺点...

回答 0 投票 0

WordPress 字体不适用于移动设备

我在我的网站上添加了自定义字体,它在桌面上工作,如果我打开浏览器作为移动字体工作,但是当我在移动设备或平板电脑上打开它时,字体不起作用。 @字体脸{ 字体发...

回答 2 投票 0

在Vue中使用Stripe时如何应用自定义字体? vue-stripe-elements-plus。

我在使用vue-stripe-elements-plus NPM模块,我看不到如何添加自定义字体?

回答 1 投票 0

将自定义字体导入SAPUI5应用程序

我在玩一个费用应用,想做一些外观&感觉,想用类似收据的字体。于是我找到了FakeReceipt字体,把我的woff和woff2文件与我的样式放在同一个目录下......。

回答 2 投票 1

将home.js导入react-native app.js失败,并出现错误,无法解析home.js

我正在通过从./screens/home.js导入import Home来在screens / home.js文件夹中使用screen home.js文件构建一个本机应用程序;我在运行expo start --web ...

回答 1 投票 0

在Xamarin中添加自定义字体

根据此文章:https://devblogs.microsoft.com/xamarin/embedded-fonts-xamarin-forms/添加自定义字体的新方法是将字体添加为EmbeddedResource,然后在App中添加此行....

回答 1 投票 0

自定义字体不以大写字母显示缩水历

我有一个使用自定义字体的UIButton的子类。问题在于大写字母没有变音符号。下面是带有和不带有自定义字体的同一按钮示例的图像。我...

回答 4 投票 5

© www.soinside.com 2019 - 2024. All rights reserved.