fonts 相关问题

字体是包含一组字形,字符或符号(如dingbats)的电子数据文件。虽然术语字体首先是指一种样式和大小的金属类型排序,但自20世纪90年代以来,大多数字体都是数字的,用于计算机上。

如何使用CSS在一个段落中添加多种字体?

我正在尝试将标题和文本放入一个段落中。但是,标题应该使用与文本不同的字体。我可以使用很多来让它工作,但是很难做到...... 我正在尝试将标题和文本放入一个段落中。但是,标题应该使用与文本不同的字体。我可以使用很多 <div> 来让它工作,但这样做很难。我希望在没有很多 <div> 的情况下做到这一点,但我认为没有任何 <div> 可能是不可能的。这是我的代码: <div class="blue"> <p class="font2"> Bits </p> <br> <p class="font1"> Een bit is een kleine schakelaar die open of gesloten is. De bit krijgt de waarde 1 of 0 als de schakelaar open of gesloten is. De enen en nullen kunnen worden gezien als ja en nee of aan en uit. Computers gebruiken deze waarden om informatie op te slaan en te lezen. </p> </div> 感谢您的帮助! 我还想问另一个问题: #menu1 a {display: block; background-color: #0066FF; text-decoration: none; font-family: calibri; font-size: 20px; color: #FFFFFF; padding: 5px 5px;} #menu1 a:hover {background-color: #0088FF} #menu1 li {display: inline-block;} #menu1 ul {list-style: none; text-align: center; margin: 0 auto; padding:0px;} 这是我的代码。我试图将所有内容集中在一个#menu1因为我正在使用多个菜单,并且我不想失去我的概述。 感谢您的帮助! 使用 span 尝试这个简单的方法 向文本添加类的最佳方法是使用 <span> 并使用 font-family: 更改样式 .bold { font-family: cursive } .italic { font-family: fantasy } .underline { font-family: monospace } .italic { font-family: serif } <div class="blue"> <p class="font2"> Bits </p> <br> <p class="font1"> <span class="bold">Een bit is een kleine schakelaar die open of gesloten is.</span> <span class="italic">De bit krijgt de waarde 1 of 0 als de schakelaar open of gesloten is.</span> <span class="underline">De enen en nullen kunnen worden gezien als ja en nee of aan en uit.</span> <span class="boldit">Computers gebruiken deze waarden om informatie op te slaan en te lezen.</span> </p> </div> 您可能会通过稍微修改 HTML 来改善结构,从而获得更好的运气。例如: <h2>Bits</h2> <p> Een bit is een kleine schakelaar die open of gesloten is. De bit krijgt de waarde 1 of 0 als de schakelaar open of gesloten is. De enen en nullen kunnen worden gezien als ja en nee of aan en uit. Computers gebruiken deze waarden om informatie op te slaan en te lezen. </p> h2 应处于适当的水平。 现在,您可以通过定位 h2 和 p 来根据需要设置样式。如果您希望将它们分组,出于语义原因,您可以将它们包装在 section 元素中。否则,如果您希望将每个元素与文档中的其他 h2 / p 元素分开设置样式,则可以为每个元素应用一个类。 现在,您希望对每个元素应用什么样式?例如,您可以从以下开始: h2 { font-family: sans-serif; } p { font-family: serif; } 根据另一个答案和这个问题的标题,你希望段落中的每个句子都有可能不同的风格是否正确? 只需将文本包裹在 span 中并添加 class,默认情况下为 inline,不会中断行: <p>some text <span class="font1">with a headline</span> and some other text in the same paragraph with <span class="font2">another headline</span></p> 我不知道你的样式是否在外部样式表中,目前我假设没有,所以在你的头标签中放入: <style> .font1{ font-family:arial /* put whatever font you want here */ } .font2{ font-family:helvetica /* put whatever font you want here */ } </style> 如果你不这样做,你应该外部化你的样式,我会考虑使用 h1、h2、h3 标签等而不是标题的 p 元素 sdfdsffsdsfsdfdfxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

回答 5 投票 0

使用 jsPDF 从 HTML 内容生成的 PDF 中未应用字体

我正在尝试使用 jsPDF 库将 HTML 内容转换为 PDF。 HTML 文件包含使用 @font-face 和 Base64 编码的字体 URL 定义的自定义字体。然而,当我生成...

回答 1 投票 0

如何在不先创建窗口的情况下测量通过 tkFont 渲染的字符串的宽度?

我可以使用 tkFont 进行文本测量,但我不需要根窗口 --> tk.Tk()

回答 2 投票 0

NextJS 15 - 只需导入一次具有多个源的 localFont

我发现使用create-next-app加载localFont并将其传递给我们所有组件的最佳实践是从顶部layout.js加载它,如下所示: const geistSans = localFont({ 来源:&...

回答 1 投票 0

在 CSS 中使用外部字体

如何将这个字体 MyriadPro-It.otf 放入 CSS 中?

回答 3 投票 0

Java:更改 UI 字体 (Nimbus) 不起作用!

我指的是这个 Nimbus 参考资料。 我尝试将全局字体设置得稍大一些: UIManager.put("defaultFont", new Font(Font.SANS_SERIF, 0, 16)); ...仅适用于菜单,但没有任何作用...

回答 7 投票 0

在 Windows 11 上安装字体的 PowerShell 脚本

我需要有关以下 ps 脚本的帮助,该脚本是我从 reddit 获取的,用于为所有 Windows 11 用户安装字体,以下是原始脚本: #设置字体源位置 $FontFolder = "字体

回答 1 投票 0

Android 应用程序中的 Google Product Sans 字体可以使用吗?

我在 Play 商店的很多流行应用程序中都看到了 Google Product Sans 字体,并且可以从几个地方下载。 (https://9to5google.com/2018/05/09/google-sans-vs-product-sans/)

回答 2 投票 0

如果请求被阻止,如何获取网站正在使用的字体?

我通过Chrome Dev Tools检查了一个网站,发现在“网络”选项卡中下载了字体。它显示为 woff2 文件,我想在我的个人网站中使用这种字体。然而当我尝试

回答 1 投票 0

在 Windows C# MAUI 中使用多种粗细字体文件

我使用的是 Noto Sans 字体,它在一个文件中包含多个粗细,范围从 100 到 800。在 Windows 字体管理器中,字体名称显示为 Noto Sans Light、Noto Sans SemiBold,...

回答 1 投票 0

如何更改 JLabel 的字体大小以获取最大尺寸

我在容器中有一个 JLabel。 字体的默认大小非常小。 我希望 JLabel 的文本采用最大尺寸。 我怎样才能做到这一点?

回答 8 投票 0

如何将文本参数与 google fonts API 一起使用仅用于一种字体类型

我正在使用 2 个谷歌字体系列并将它们声明为: 我正在使用 2 个谷歌字体系列并将它们声明为: <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700&display=swap" rel="stylesheet"> 我想添加一种字体系列(Parisienne),我只需要与号字符(&)。我知道这可以使用“文本”参数来完成(https://developers.google.com/fonts/docs/getting_started)。 但是,如果可能的话,我想将其添加到现有的链接标签中。我尝试过以下方法: <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700|Parisienne&text=%26&display=swap" rel="stylesheet"> 但是这样做似乎将逻辑编写为“加载所有 3 个字体系列,但仅加载每个字体系列的 & 字符”。这是预料之中的,但我至少想尝试一下。我对此进行了测试,实际上每种字体中唯一有效/下载的字符是&符号 为了使其工作,我有 2 个单独的链接元素: <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Parisienne&text=%26&display=swap" rel="stylesheet"> 有没有办法只使用一个链接标签并让它加载整个 Roboto 和 Monteserrat 系列以及 Parisienne 系列的 & 字符?如果没有,那么有 2 个单独的链接标签就可以了,但如果有什么方法可以只用一个链接标签来做到这一点,那么知道如何做就好了。 根据 Google 的说法,key text 计算整个请求 URL。因此,我们无法通过单个 <link> 来实现这一目标。 正如 Leo 所解释的,Google 字体 API 目前不支持单个查询中的多个 text 参数。 值得注意:API 会忽略后续查询参数并采用第一个: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&text=Hi&family=Roboto:wght@400;700&text=hamburgefonstiv Montserrat 和 Roboto 都是“Hi”的子集。 在您的具体情况下,您可以通过为“Parisienne”创建一个 base64 编码的独立 @font-face 规则来减少请求数量。 body { font-family: Montserrat; font-weight: 700; font-size: 5em; } /* ampersand subset */ @font-face { font-family: Parisienne; font-style: normal; font-weight: 400; src: url("data:font/woff2;base64,d09GMgABAAAAAAR8ABAAAAAAB4gAAAQlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGwwcGAZgADwIAgmCYREICoJUgnELCAABNgIkAwwEIAWEQAcgDAcbiAbIxIf/Tr9zZ1IziztN65mSESrMPKcQ011PF8ZdGEnW+JIzcE5d4FtgIforLR4RVkERCfiLFFBE0sFPelC8SnhdOuPFjo4CARCuqnCTJSOHTLoXpxEKeQXPvUbOQhDAPcqpEMrTTiHyMYa5b7agEKgEpB7IcgyVM895MLRZrNCDIjuk698pIKSLPxdUFAD3TnCy4aDQ5LMBvCtL1BRE42mQCwbbCbjchkCASZIr8HngIwblf1c+g+hiYe3yXYScoTxIAicy89F3hfGHD0mMiJRaxsyMHJEYJzKSL0iMF6mV8VnWTlmnUJWqjkGVWumoe5Bpsqw0vlPWDalKEWXoksfU5G5ZYHpF60UOKUqtxDRFwBqtqsBExzPD46SM+09iQaLrcz67Xe6QmcesZXqzohUEamFPtsvsSbNWUBSJBbcvhlLL1lhqS4GQcHC+xEJzz+iSmV7LoKjqwxKdwDyqqlV1iibgya4PEih8+izGZ1keJJ72j06PTtDiJJ2gExStoJglFia6umSLWSuIXAkEJBBAzDKgE1XwRbatqp6eBJUGdwP8vvj4jQci9rxeLzzvvvtuuOrz+TpFNNn1+/19V8juiD3vW9+vefdd+9Ver9fwht/vJ7tXJNvOv/qTrvkplRGxl+7z+cLVezPnXwQTHp3rbUQv7N7x+MvhqvJXXJ7m9/v9Trf4Z0njku6AscrdWFWs9OiXMizt52Sc0LDaW24Xrsrum7hQPNwsDtW6zIsL+y60dR5zUBpx3bi+dJG+paRNO3uMIas8v9NpGqxaLNoSv3kgf6vO07zz0u6hHvOR7JGK3E+DpdqX8qpy5uwTw+5v7+nvm2ia1zWU7k+zlOd11pTlNVvK5fTipAHuw4Yfphs6mosO15fRXqt+StdiPvnoH5M7Npo80nGln6RIA8/lVc/nHzhQe85IbJyw79hbG090th8EAKxvgMyIOfG6jcMx9b+FRmxG1yslt/57Gte0ecV/k/9ORdlDuiRF2A6i2cKdVhR5/X+T/z4YZd8nYj/IczJguILvRe6PfB4/IQS/IZgHhDs5kIWYJHsohvekQRNWsOqDG0KQiOcRDtF4EOFhxXyr5jcShHTISDAyUf5uNMoBjGIRi5hFLYpQhAUMYB5jmMUieIVYuG4ShZjBPEZQhDZY0Yx2uB3qx7ghTGMaQ5DQSaERLGESoV4MYf4nOBNNUYJCFAfTDVjAIsYwgim4L788gFwY0AYLuuFAHmpBy6c+DVeKYpSgtKaqzGgTZjCLNVKM9LE/RS4GkFdCgKIfa6QwMhTuVoJO6oVqM1UaVXpoBQuYYMnMWm8DaA86UY16bHdzOukhzBMoxABmsC0PIihWMIZFjIL2T7EwhtnLGMIgomBtEdULWStGn8IQKDJ6rso4LkZC4EQkwqePa73mdAA=") format("woff2"); } .roboto { font-family: roboto; font-style: normal; font-weight: 400; } .parisienne { font-family: Parisienne; font-style: normal; font-weight: 400; display:inline-block; margin-right:-0.2em } <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700|Roboto:300,400,700&display=swap" rel="stylesheet"> <p>Tom <span class="parisienne">&</span> <span class="roboto">Jerry</span></p> 您可以使用像transfonter这样的转换器工具来获取base64编码的字体源。 您也可以测试我自己的 fontkit 助手 “fontkitty” – 免责声明:我是作者。此外,您需要将 & 符号手动编码为 %26 - 我需要尽快解决这个问题。

回答 2 投票 0

MonoGame - 正确的 SpriteFont 缩放

我正在为我的游戏制作 GUI,现在我被动画困住了。当鼠标悬停在字体上时,我需要放大字体,而当鼠标悬停在字体上时,则需要缩小字体。这是我的代码: // 更新() if (!IsDisabled) ...

回答 1 投票 0

Google 字体中的“Harlow Solid Italic”似乎不起作用

我在使用 Harlow Solid Italic 字体时遇到问题。我使用过许多其他字体,从 Times New Roman 到一些 Google 字体(例如 Cinzel),所以我知道我正在编码

回答 3 投票 0

如何使用 Fontforge 将 TTF 转换为 FNT

我有一个TTF字体,需要转换为FNT(最好也转换为pcf)。我尝试了 Fontforge,但是当我加载字体并选择生成字体时 - 无法从列表中选择任何内容......

回答 4 投票 0

如何解决以自定义字体显示乌克兰西里尔字母的问题?

我在以自定义字体显示乌克兰语字母表的字符时遇到问题。 细节: 我有一个自定义的西里尔字母字体(拉丁+西里尔字母),其中不包括乌克兰语字母 І、Ї、...

回答 1 投票 0

React-native-vector-icons + Icomoon 的自定义图标集问题

我想将我的自定义图标与react-native-vector-icons和Icomoon一起使用。我用Icomoon生成了.tff和selection.js,并用react-native-link将它们放入我的项目中,但是我尝试的图标......

回答 3 投票 0

wordpress(前端)中的 Dashicons 将不会显示

我正在 WordPress 创建一个网站。我使用 dashicon 来(手动)假期评级。 它曾经有效,但更新后,未登录的用户将看不到仪表图标。只是,如果您登录...

回答 7 投票 0

三个 JS:我收到此错误 不支持的 OpenType 签名 <!DO

我有一个三个js项目,我使用parcel作为模块捆绑器。我尝试使用三个 js TTFLoader 加载字体,但出现此错误。我在网上查过类似的问题,有人说它有

回答 2 投票 0

浏览器中呈现的文本比设计程序中的“A”字母更大

嗨, 我有一个问题,与 Figma 相比,字体 Gentium Plus(Google 字体)的大写 A 在浏览器中呈现的尺寸稍大(但有影响力)。它比 ...

回答 1 投票 0

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