Angular -我导入了一个自定义字体，但显示的是相同的Roboto字体
Angular是一种流行的前端开发框架，用于构建单页应用程序。它基于TypeScript编程语言，并提供了丰富的工具和功能来简化开发过程。
对于你提到的问题，当你导入一个自定义字体但显示的是相同的Roboto字体时，可能有以下几个原因：
- 字体文件路径错误：请确保你在Angular项目中正确引用了自定义字体文件，并且文件路径是正确的。你可以使用相对路径或绝对路径来引用字体文件。
- 字体格式不受支持：确保你使用的字体文件格式是受浏览器支持的。常见的字体文件格式包括TTF、OTF、WOFF和WOFF2。你可以使用在线字体转换工具将字体文件转换为不同的格式。
- 字体名称不正确：在CSS样式中，确保你正确地指定了自定义字体的名称。你可以使用@font-face规则来定义自定义字体，并在需要的地方应用它。
- 缓存问题：如果你之前已经加载过相同的字体文件，浏览器可能会缓存该字体文件并继续使用缓存的版本。你可以尝试清除浏览器缓存或在文件名中添加版本号来避免缓存问题。
总结起来，当你导入一个自定义字体但显示的是相同的Roboto字体时，你需要检查字体文件路径、字体格式、字体名称和缓存问题。确保你正确引用了字体文件，并在CSS样式中正确地应用了自定义字体。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云字体库：提供了丰富的字体资源，可以满足不同项目的需求。链接地址：https://cloud.tencent.com/product/fontstore
相关·内容
我导入了一个字体，但它不工作。我做了所有的步骤，我导入了所有的东西，但当我把它放在css上时，它不起作用。我将字体文件导入到: src/assets/fonts/Beaufort W01 Regular.otf 然后，我在src/styles.css文件中添加了以下内容： @font-face { background
浏览 26提问于2020-09-08得票数 0
5回答
我试图在我的项目中包括一些自定义字体，但没有成功。注:我使用的是角-cli:角-cli@1.0.0-beta.21
src/资产/字体/Roboto-Regular.tff
@字体-face{<e
浏览 9提问于2016-11-30得票数 31
回答已采纳
我正在使用Angular & Material v6，我有一个关于在entryComponents上应用自定义主题的问题，比如对话框或快餐栏。实际上，我在所有使用自定义主题material的组件上都设置了Roboto字体，但它没有应用于我的对话框或快餐栏。正如您所看到的，Roboto字体在我的<
浏览 30提问于2018-06-08得票数 1
回答已采纳
我正在以编程的方式向文本视图文本中添加$符号，但是它显示的不正确，正如您在附带的屏幕截图中看到的那样。我想要它像普通的美元符号键盘，而不是这个美元符号的android键盘。
浏览 4提问于2015-09-14得票数 0
回答已采纳
3回答
Xcode字体消失
、、、
我在我的项目( Roboto )上导入了我的字体，它适用于我的第一个ViewController，但现在Roboto消失了我的自定义字体。现在，当我想修改我的字体时，字体变成了Helvetica。我不明白这是怎么发生的，<
浏览 0提问于2015-03-27得票数 15
刚访问了一个月没有使用的应用程序，注意到Google中的“working”字体不能正常工作。</head>
</p>.test
浏览 2提问于2019-09-27得票数 6
我正在尝试确定在我的应用程序中默认包含了什么字体权重。我们使用的是角5.2.5和角Material2 (v5.2.1)，启用了AM核心主题：@include mat-core()没有指定字体链接，但是Roboto仍然是文档检查器中看到的默认设置：
.mat-card[_ngconte
浏览 2提问于2018-05-03得票数 2
回答已采纳
我在一个新的角度项目中安装了自定义字体roboto。
在选项卡中，对于组件中用于样式(常规和粗体)的roboto变体来说，状态为200。我有一个带有字体族的自定义类: Roboto，它正确地应用于p元素。，我已经从npm包中添加了roboto-fontface.css到angular.json
浏览 8提问于2022-08-25得票数 0
1回答
我有一个困难的时间注册自定义字体在react pdf/渲染器。但我可以通过声明它为变量来使它工作。const roboto = 'https://cdnjs.cloudflare.com/ajax/libs/ink/3.1.10/fonts/Roboto/roboto-bold-webfont.woff'
Font.register(
浏览 3提问于2022-08-26得票数 0
我使用的是Angular 7.2.2和Typescript。我正在通过index.html中的<script>-tag从"“导入谷歌地图我尝试从显示组件中动态加载脚本，
浏览 2提问于2019-01-30得票数 1
我正在做一个C# WPF项目，其中嵌入了Roboto和Roboto Thin字体。它们的字体文件位于/Resources/Fonts中，它们的构建操作被设置为'Resource‘。="RobotoThin">/Resources/Fonts/#Roboto Thin</FontFamily>
Robot
浏览 3提问于2016-01-04得票数 0
这里有一些关于如何替换非安装字体的答案，但是我还没有找到这个问题的答案。在我的设计师系统(Mac)上，她有一个" Roboto“字体家族，在这个家族中，她拥有所有的字体-- Roboto、Roboto Black、Roboto bold等等。然而，当她在Roboto Bold上创建一些文本时，在我的系
浏览 0提问于2019-06-19得票数 2
当我从第一个viewController推到anotherViewController时，需要一些时间。第一次，在第一次推后，它工作得很好。没有用InsuranceInfoViewController viewDid加载方法编写的代码。期望这个推送在整个应用程序中运行良好。我使用的是Xcode 7.0 beta6。这是Xcode问题吗。pushViewController(insuranceInfoVC, animated: true)dispatch_async(d
浏览 2提问于2015-11-24得票数 1
回答已采纳
嗨，我试图使用谷歌字体在自定义材料UI主题作为一个全球字体，但字体重量不起作用。它只是显示正常的字体重量大小，是400。当我导入另一个字体文件的粗体(比如Roboto-bold.woff 2)时，正确地为粗体字体编写代码，然后它只是粗体的工作，只有中等字体的
浏览 2提问于2020-07-27得票数 1
回答已采纳
1回答
所以我很困惑如何在我的WPF应用程序中访问正确的字体。
asdf1:似乎已经被机器人字体改变了。如果
浏览 3提问于2020-09-09得票数 2
在Android 4.0上测试一个使用Helvetica Neue作为主要字体的应用程序时，我发现与多个不同版本的Android相比，在字体渲染方面存在不一致。我们在2.1、2.2.2、2.3.5、3.2、4.0和4.0.3上进行了测试，每次都有相同的结果。我们也用不同的字体二进制文件做了这些测试，结果是一样的。
任何输入或变通方法都将不胜感激。下面是一个
浏览 1提问于2012-01-27得票数 15
回答已采纳
6回答
我正在对我的本机应用程序中的文本做一些修改:我需要为段落指定Roboto，为标题指定Roboto。我需要在iOS和Android应用程序中都有相同的文本外观:所以我需要让它对两者都有效--我尝试了这一行代码。text : { }, 我从正式文档中尝
浏览 21提问于2017-05-04得票数 10
回答已采纳
我正在构建一个具有代码共享()的本地脚本角度应用程序。尝试将Roboto应用于常规字体，但似乎不起作用。我已经看到有很多关于iOS和自定义字体的问题，但没有一个答案能解决我的问题，所以我猜这与我使用@nativescript/schematics (代码共享)设置有关。如果我使用文件名而不是字体名，它
浏览 0提问于2018-10-05得票数 2
1回答
在角度上安装了材料，我正在试图覆盖材料排版，以包含2种不同的字体。，什么是最好的方法？，以下是我到目前为止在SCSS文件中所做的工作：
($title-title= Roboto-Condensed，$主字体=
浏览 5提问于2020-05-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
