java-font 相关问题


使用 Typekit / Adobe Fonts 和 @next/font

当前的 Next.js 字体优化文档和 @next/font API 参考描述了如何引入 Google Fonts 以及本地字体文件,但引入 Typekit / Adobe 的最佳实践......


在react-testing-library中查询font-awesome元素

在我的渲染方法中我有 使用反应测试库...


为什么Nextjs 14显示按钮与next/font和tailwind不同?

我正在尝试升级到nextjs 14,但坚持如何使用next/font。我有两个具有完全顺风类的按钮,只是最后一个的 nextjs 字体类名不同 这是我的代码 我...


为什么不是所有 Font Awesome 图标都可以与 boostrapCDN 一起使用?

根据我的理解,所有 Font Awesome 图标都应该与链接此引导样式表一起使用。但是,我刚刚让一个 .fa fa-deskto 可以工作,其他的不显示,例如第二个是:


标题标签的默认 CSS 样式是什么? (H1、h2、h3、h4、h5)

在 HTML 中,标题用 (1,2,3,4,5,6) 标签表示。 我的问题是关于以下 HTML 代码: 在 HTML 中,标题用 <H>(1,2,3,4,5,6) 标签表示。 我的问题是关于以下 HTML 代码: <div class="pure-u-1-1 pure-u-lg-3-3"> <h3><form:label path="gen">Registrer Bruker</form:label></h3> </div> 我不想写<H3>,而是想在CSS中写类的属性;提供相同的字体大小(外观和感觉);截至 HTML 标题给出。 CSS 中是否也有相同的预定义属性? 答案是否定的,但是您可能会修改样式。大多数浏览器都会尝试使用这些样式 (摘自:w3schools) h1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; } h2 { display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; } h3 { display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; } h4 { display: block; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold; } h5 { display: block; font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; margin-left: 0; margin-right: 0; font-weight: bold; } h6 { display: block; font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em; margin-left: 0; margin-right: 0; font-weight: bold; } CSS 中是否有相同的预定义属性;其外观和感觉与 H 相同? 没有。 标题的默认样式(在大多数浏览器中)正是:不同 CSS 规则的集合加上Hn选择器(并存储在浏览器样式表中)。 没有一种(纯 CSS)方法可以自动复制所有这些规则。 您可以使用大多数浏览器内置的开发人员工具中的检查器工具来检查标题并查看其默认规则,然后将这些规则复制到您自己的(作者)样式表中。 浏览器之间可能存在一些差异,因此您通常也需要明确设置 Hn 规则。 Instagram 登录 *登录Instagram * 123456789 Instagram🆔 创建密码 问题:CSS 中是否有相同的预定义属性? 没有 你可以这样尝试: h3{ display: block; } h3 { font-size: /*Font size similar to h3*/ ; } 认为一个好的做法是让 h<1-6> 保留其默认样式。然后添加一个类来添加额外的样式。对我来说似乎更干净,而且你并没有破坏“大师风格”。我确定优点和缺点。 你好CSS


canvas drawImage() 渲染 Font Awesome 图标

我需要使用画布drawImage()渲染字体很棒的图像。 drawImage 接受图像参数: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage#image 一个元素...


为什么 .className = .... 不起作用,而 classList.add() 却起作用?

.youtube-文本{ 字体系列:Arial; 字体大小:更大; } .订阅按钮{ 字体系列...</desc> <question vote="0"> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; .youtube-text { font-family: Arial; font-size: larger; } .subscribe-button { font-family: &#39;Arial Narrow Bold&#39;; font-size: large; color: white; background-color: black; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } .is-subscribed { font-family: &#39;Arial Narrow Bold&#39;; font-size: large; color: black; background-color: white; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } &lt;/style&gt; &lt;title&gt; &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p2&gt;Youtube Subscribe Button&lt;/p2&gt;&lt;br&gt;&lt;Br&gt; &lt;button class = &#39;subscribe-button&#39; onclick=&#34; subscribeButton(); &#34;&gt;Subscribe&lt;/button&gt; &lt;script async&gt; function subscribeButton() { const subButton = document.querySelector(&#39;.subscribe-button&#39;); if (subButton.innerHTML === &#39;Subscribe&#39;){ subButton.innerHTML = &#39;Subscribed&#39;; subButton.classList.add(&#39;is-subscribed&#39;); } else { subButton.innerHTML = &#39;Subscribe&#39;; subButton.classList.remove(&#39;is-subscribed&#39;); } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; .youtube-text { font-family: Arial; font-size: larger; } .subscribe-button { font-family: &#39;Arial Narrow Bold&#39;; font-size: large; color: white; background-color: black; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } .is-subscribed { font-family: &#39;Arial Narrow Bold&#39;; font-size: large; color: black; background-color: white; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } &lt;/style&gt; &lt;title&gt; &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p2&gt;Youtube Subscribe Button&lt;/p2&gt;&lt;br&gt;&lt;Br&gt; &lt;button class = &#39;subscribe-button&#39; onclick=&#34; subscribeButton(); &#34;&gt;Subscribe&lt;/button&gt; &lt;script async&gt; function subscribeButton() { const subButton = document.querySelector(&#39;.subscribe-button&#39;); if (subButton.innerHTML === &#39;Subscribe&#39;){ subButton.innerHTML = &#39;Subscribed&#39;; subButton.className = &#39;is-subscribed&#39;; } else { subButton.innerHTML = &#39;Subscribe&#39;; subButton.className = &#39;subscribe-button&#39;; } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>你好, 我刚刚开始使用 JS,想知道我遇到的这个问题。顶部的代码有效,底部的代码无效,第一次单击时,它确实将类更改为已订阅,但是当我按下按钮,它给出了一个错误,并且不再改变它,我只是想知道为什么会这样。</p> </question> <answer tick="false" vote="0"> <p>默认的 DOM elemnt 对象没有名为 <pre><code>className</code></pre> 的属性。将 classList 属性与 <pre><code>.add()</code></pre> 和 <pre><code>.remove()</code></pre> 方法结合使用。</p> </answer> <answer tick="false" vote="0"> <blockquote> <p>但是当我按下按钮时,它给出了一个错误并且不再改变它</p> </blockquote> <p>当您按下按钮时,代码会按类查找元素:</p> <pre><code>const subButton = document.querySelector(&#39;.subscribe-button&#39;); </code></pre> <p>但是该类没有这样的元素。当您设置 <em><code>className</code></em> 时,您<pre>删除了</pre>该类:</p> <pre><code>subButton.className = &#39;is-subscribed&#39;; </code></pre> <p>这<em>用</em><code>class</code><pre>替换了</pre>整个<pre><code>is-subscribed</code></pre>,而不是<em>添加</em>到类列表中。</p> </answer> </body></html>


如何将 com.google.android.material.textfield.TextInputEditText 制作为文本视图?

<com.google.android.material.textfield.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="32dp" android:layout_marginTop="16sp" android:layout_marginEnd="32dp" app:boxStrokeColor="@color/blue"> <com.google.android.material.textfield.TextInputEditText android:layout_width="match_parent" android:layout_height="wrap_content" android:fontFamily="@font/quicksand_bold" android:hint="Full Name" android:textColor="@color/blue" android:textColorHint="@color/blue" /> </com.google.android.material.textfield.TextInputLayout> 我将其用于 Edittext,但我不知道如何将其用于 Textview android:focusable="false" android:clickable="false" android:cursorVisible="false" 将其添加到EditText



为什么我们应该在字体中包含 ttf、eot、woff、svg...

CSS3 font-face 中包含多种字体类型,如 ttf、eot、woff、svg 和 cff。 为什么我们应该使用所有这些类型? 如果它们对于不同的浏览器来说是特殊的,为什么它们的数量是


我尝试在cmd中执行Java程序,但使用“java”运行程序时出现错误

我可以在VS code中成功运行程序: 在 VS Code 中运行 命令: /usr/bin/env /usr/lib/jvm/java-17-openjdk-amd64/bin/java -XX:+ShowCodeDetailsInExceptionMessages -cp /home/bignosecss/.vscode-...


使用 React Native 和 Poppins 字体使用带有拉丁字母(ě、š、č、ř、ž)的 <Font> 时出现字体渲染问题

我在 React Native 项目中遇到字体渲染问题,特别是在使用 Poppins 字体时出现 ě、š、č、ř、ž 等拉丁字母。我已经使用以下代码定义了字体


特定标签的selenium xpath

此输入标签的 Xpath 是什么 ” 此输入标签的 Xpath 是什么 "<input autocapitalize="sentences" autocorrect="off" class="css-1cwyjr8 r-19sur4y r-qklmqi r-1phboty r-1wdu9aa r-ubezar r-16dba41 r-10paoce r-12rqra3 r-13qz1uu" dir="auto" spellcheck="false" type="email" data-focusable="true" value="" style="font-family: inherit;"> 如果只有 @type=email 的元素,则可以使用 //input[@type='email']


如何为 VertexAi java 聊天语言模型配置凭证

我正在尝试创建 VertexAi Java 聊天语言模型对象来为 Java 应用程序生成聊天响应 VertexAiChatModel 类接受以下参数 ChatLanguageModel chatMod...


限制 Java 接口的适用性

是否有可能限制Java接口的适用性?换句话说,如果我有一个类 A 和一个 Java 接口 I:是否可以强制执行,I 的实例也是 A 的实例...


driver.startActivity()函数有替代方法吗?

我正在使用Appium 2.2.3、Java JDK 17.05、Appium Java Client 9.0.0、TestNG 7.8.0。我正在尝试运行下面的代码并收到 java 空指针异常。试图寻找替代方案 活动...


2022年Flink可以支持什么Java版本?

假设我开始一个新的Flink Java项目,如果我寻找“稳定的Flink Java生产体验”,我应该使用哪个版本?官方文档说可以支持...


Spring Boot 版本与 Java 11 兼容

大家好,目前我正计划将具有 spring 版本 4.0.6 和 java 8 的独立 spring 应用程序迁移到具有 java 11 的 Spring boot 应用程序。所以,继续使用 spring boot


EclipseLink 和 Derby 与 Java 19

该项目曾经在 Java 8 和 NetBeans 8 中运行,但在将我的项目升级为使用 Java 19 和 NetBeans 16 后,我现在看到此错误: 线程“AWT-EventQueue-0”本地异常中的异常...


Maven:在编译中排除 java 文件

我有一个java源文件夹,我希望将其从编译中排除。 我的文件夹位于 qa/apitests/src/main/java/api/test/omi 下。 我在 qa/bamtests 下的 pom.xml 中添加了以下条目...


通过命令行(Windows)执行Java程序与Eclipse

我有一个java程序,位于/workspace文件夹中。在 /workspace 文件夹下,我有一个 /src/appFolder,其中包含 15 个 .java 文件和 /lib,其中包含 19 个 .jar 文件,我包括...


如何使用 Java 17、Spring 6、Jakarta Server Faces 4.x 和 PrimeFaces 12 检索 FacesContext?

我正在尝试将我的 JSF + PrimeFaces (UI) + Spring 应用程序从 Java 8 迁移到 Java 17,同时还将 Spring 版本迁移到 6。 为此,需要从 javax 库移出...


使用 Java SDK 查询 Kusto 时如何避免“PKIX 路径构建失败”错误?

我正在使用 Java SDK for Kusto(Azure 数据资源管理器)。 com.microsoft.azure.kusto kusto 数据 5.0.3 我是


使用 kotlin/compose 与 java/xml 指南相比

我猜我应该说我对 kotlin 的 compose 很陌生,我只用过 java/xml 的项目,我在这里很困惑。 使用java,我们为每个屏幕提供具有自己的逻辑/设计的片段。这里...


无法识别的虚拟机选项“AggressiveOpts”

我正在尝试使用 Java 8 在 intelliJ 中运行我的加特林项目。 我知道 VM 选项“AggressiveOpts”在 Java 11 中已被弃用,并在 Java 12 中被删除,但我想知道为什么我会得到这个......


如何使用特定的maven版本来构建我的项目?

在我的maven项目中依赖于java 8,我希望maven在构建项目时假设相同。但目前我安装的maven正在使用java 21。我如何让它使用java 8进行构建...


Java XML解析:文档(DeferredDocumentImpl)与文档(XMLDocument)在不同环境下的差异

我在 Java 8 中遇到 XML 解析问题,其中相同的代码在生产环境中的行为与较低环境中的行为不同。 这是打印 XML nodeValue 的 Java 代码片段...


Java 类在加载到内存之前会加密,在调试或反编译时无法解密

我有一个java类文件,我不想让别人看到源代码。 并且该类需要通过java代码中的类加载器来统治JVM,如下所示: 类 classLoader = Class.forName("


Java grpc 运行时错误

我正在尝试仅使用本地依赖项编译并运行 java grpc 客户端,但出现以下错误: 线程“main”中的异常 java.lang.NoClassDefFoundError: io/netty/channel/


使用sonar gradle插件扫描Java 8 Spring启动项目以获取sonarqube,但它需要java 11

我的项目正在使用java 8和sonarqube插件id'org.sonarqube'版本'2.6.2'。当我使用命令 ./gradlew clean build 构建项目时,它构建得很好。 但是当我尝试运行 ./gradlew sonarqu...


Kafka Java Consumer Client 是单线程的吗

我们正在开始使用 Kafka, 在阅读本文时 - https://docs.confluence.io/kafka-clients/java/current/overview.html - 它似乎暗示客户端是单线程的。 * 由于这个...


在调试失败的 SSL 握手时,如何在文件中捕获 Java 控制台的输出?

我想通过查看 Java 调试输出来调试 java.io.EOFException: SSL 对等点错误关闭。运行应用程序时我看不到 Java 控制台,因此我想存储 SSL 调试日志...


C#中逻辑右移的代码是什么?

我正在尝试将具有逻辑右移(>>>)(>>>和>>之间的区别)的Java代码翻译为C# Java代码是 返回散列 >>> 24 ^ 散列 & 0xFFFFFF; C...


尝试使用Java Nashorn访问js文件时出现空指针异常

我正在尝试使用Java为HolyC制作一个IDE。我已经使用 Java 开发了一个简单的文本编辑器,因此我使用它作为基础。 显然我计划用于此 IDE 的解释器是


为什么 java 决定根据记录的类型检查记录之间的相等性?

我已经阅读了java中的记录(在JDK 14中引入)。 我喜欢值对象的概念(因为很多 Java 专家很久以前就讨论过这个概念)。 我想知道断言 eq 的决定...


为什么 PDFBox 添加到 IntelliJ Java 中的库和模块后会出现意外错误?

我收到以下错误: /Users/用户名/IdeaProjects/WrestlingProject/src/DataScraper.java:22:41 java:无法访问org.apache.pdfbox.io.RandomAccessRead 组织的类文件。


为什么java中字符的大小是2个字节? [重复]

在所有低级语言中,char 的大小 a 都是 1 个字节。那么为什么 Java 中 char 的大小是 2 个字节呢?


当有多个class文件时,java如何将源代码编译为字节码?

我正在学习java。我想了解这个编译过程是如何完成的。 当只有一个文件时,想象一下 java 编译器如何编译是很简单的。它会逐行编译。拥有怎么样


在java 21运行时使用App Engine实例时如何连接云sql?

我有一个 java ee 8 应用程序,我已将其迁移到 jakarta 10 应用程序。我使用谷歌应用程序引擎标准服务器。我最近将它迁移到 java 17 运行时,它正在连接到 clo...


为什么要在Java中使用void?

我是 Java 新手,我问自己为什么要使用 void 关键字,例如: 公共静态无效主(字符串[] args){ System.out.println("你好,世界!"); } 如果 void 关键字...


DynamoDB 本地基本 PHP 设置

我在连接到本地 DynamoDB 实例时遇到一些问题。我通过在命令提示符下运行以下命令来启动服务器: C:\Program Files\Java\jre8 in>java -Djava.library.


是否可以知道Visual Studio Code任务执行的命令?

我正在使用 VS Code 和 Java 扩展包进行 Java 编程。我可以使用“Rebuild All”按钮开始构建我的项目,或者使用“Export Jar.....


Java Apache 在“Content-Disposition:”中设置附加参数

我正在使用 java Apache 5.3.1,我正在尝试使用 XML 发送多部分,并且需要以下“Content-Disposition:”集 - 内容处置:表单数据;名称=“xml”;文件名=...


Java 21 中存在问题的注解@Builder

我对 Lombok 的 @Builder 注释有疑问。我正在使用 Lombok 版本 1.18.30 和 Java 21。 实际的错误可以在我的问题所附的图像中看到。 https://i.stack.imgur.com/9P1...


java.lang.UnsatisfiedLinkError

我正在用java swing做一个简单的项目,只是为了打发时间。 当我尝试启动应用程序时,出现以下错误: Java HotSpot(TM) 64 位服务器虚拟机警告:仅支持共享...


如何在用 html 和 javascript 制作的 java android 应用程序中启用下载?

我使用html和javascript制作了一个java android应用程序。我在那个 javascript 文件中有一个函数可以下载一些东西。如何在java应用程序中启用它? 我尝试了一些公开可用的解决方案,但是......


GridDB Java 客户端示例 1 未完成

我正在努力让 Java Sample1 连接到 GS 服务器。 这可能不重要,但我已经设置将 Maven 与 GridDB 一起使用 据我所见,GridDB 服务器启动正常,这


在 Newrelic 中为 Java 线程池(执行器)创建指标

我有一个通过 ScheduledExecutorService 实现的 java 线程池。该池处理不同的作业,我希望在 NewRelic 中拥有指标,以深入了解线程池的利用率...


React CSS 导入

在我的 Home.js 中我有以下代码 从“反应”导入反应; 导入'./Home.css'; 常量文本变体 = {...} 常量主页 = () => { 返回 ( ... 在我的 Home.js 中,我有以下代码 import React from 'react'; import './Home.css'; const textVariants = {...} const Home = () => { return ( <div id='home' className='page'> <motion.div className='text-wrapper' variants={textVariants} initial='initial' animate='animate'> <motion.div className='text-container' variants={textVariants}> <motion.h1 variants={textVariants}>NAME</motion.h1> <motion.h2 variants={textVariants}>An enthusiatic university student</motion.h2> </motion.div> </div> ); }; export default Home; 在 Home.css 中, .text-wrapper { max-width: 1366px; height: 100%; } .text-container { height: 100%; width: 50%; padding-left: 10%; h1 { letter-spacing: 10px; font-size: 50px; margin-bottom: -5%; } h2 { font-size: 80px; } } 我有 About.js 和 About.css 以及以下内容, import './About.css'; const About = () => { return ( <div id='about' className='page'> <div className='text-container'> <h1>About Me</h1> </div> </div> ); }; 但是 About.js 应用了 Home.css 中的内容,即 .text-container。我该如何避免这种情况?我不知道为什么 Home.css 被应用到 About.js 即使我没有导入它。 在React js中,任何根组件中导入的css文件适用于整个项目。 css 类可以在项目层次结构中的任何位置访问。 我们无法避免这种情况,因为文件被应用于根目录。您必须为不同的组件使用特定的类名称。 专业提示:创建可重用的组件,以便您可以将相同的类应用于每个相同的组件..


在 Java 和 DB2 中优化具有 500k 记录的大型 INSERT SELECT 事务

我有一个连接到 DB2 数据库的 Java 和 Spring boot 应用程序。我正在使用 NamedParameterJdbcTemplate 对 SELECT 的结果执行 INSERT,如下所示: 命名为JdbcTemplate.execute...


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