TailwindCSS字体响应式变体不包括扩展类选择器
TailwindCSS是一个流行的CSS框架，它提供了一套丰富的CSS类，用于快速构建现代化的响应式界面。在TailwindCSS中，字体响应式变体是一组用于根据屏幕尺寸自动调整字体大小的类选择器。
字体响应式变体在TailwindCSS中使用以下类选择器来实现：
text-xs: 在小屏幕上使用较小的字体大小。text-sm: 在中等屏幕上使用较小的字体大小。text-base: 在默认屏幕上使用基本的字体大小。text-lg: 在大屏幕上使用较大的字体大小。text-xl: 在更大的屏幕上使用更大的字体大小。text-2xl、text-3xl、text-4xl等：根据需要可以使用更大的字体大小。
这些类选择器可以根据不同的屏幕尺寸自动调整字体大小，以确保在不同设备上都能提供良好的阅读体验。
字体响应式变体的优势包括：
- 响应式设计：字体响应式变体使得在不同屏幕尺寸上保持一致的字体大小变得更加容易，提供了更好的用户体验。
- 简化开发：使用TailwindCSS的字体响应式变体，开发人员可以通过简单地添加类选择器来实现字体的响应式调整，而无需手动编写复杂的媒体查询。
- 可定制性：TailwindCSS允许开发人员自定义字体响应式变体的大小范围，以适应特定的项目需求。
字体响应式变体适用于任何需要根据屏幕尺寸调整字体大小的场景，特别是在构建响应式网页和移动应用程序时非常有用。
腾讯云提供了一系列与云计算相关的产品，但与TailwindCSS字体响应式变体不直接相关。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。
相关·内容
1回答
我正在尝试在我的Nextjs项目中使用Tailwindcss。问题是，Tailwind内置的一些类不起作用(比如网格或活动类:伪类)。
我有一页：
Index.jsx
import React from "react";
const Index = () => (
<div className="grid grid-cols-3 gap-4">
<div>1</div>
<div>2</div>
<div>3</div>
<div
浏览 4提问于2020-02-10得票数 8
回答已采纳
我试图在@apply中使用TailwindCSS中的占位符颜色，但由于某种原因，它似乎无法工作，尽管我能够与其他属性一起使用@apply。我还可以使用占位符颜色选项作为CSS类。它只是不适用于@apply。
@tailwind base;
input {
@apply placeholder-gray-900;
}
@tailwind components;
@tailwind utilities;
通过尝试，我最终得到了以下错误：
`@apply` cannot be used with `.placeholder-gray-900` because `.placeholder-g
浏览 9提问于2019-12-04得票数 9
回答已采纳
在Laravel 8应用程序中，我想在定制类中设置2种悬停条件：
.btn_action_item {
@apply py-1 px-3 block hover:bg-green-500 hover:font-bold text-gray-100;
}
但我错了：
The `hover:font-bold` class does not exist. If you're sure that `hover:font-bold` exists, make sure that any `@import` statements are being properly processed
浏览 1提问于2021-04-10得票数 2
回答已采纳
下面是我的代码： <button class="text-center hover:border-b-2 hover:border-black">Home</button> 我使用的是TailwindCSS。当我在border-b-2之前移除hover:时，它工作得很好，通常会有一个灰色边框，悬停时会出现一个黑色边框。但是一旦我添加了hover前缀，边框就消失了。我的代码正确吗？
浏览 30提问于2021-08-03得票数 0
在我的项目中，我使用了相当多的响应式变体。作为一个例子，我有时需要在移动显示器上隐藏一些东西，并使用hidden sm:flex或hidden md:block等类。这在相当长的一段时间内一直很好地工作，但突然一些类停止工作，没有任何明显的原因。在页面的某些部分，它们可以工作，而在某些部分则不能。
我禁用了清除，JIT，重新安装了顺风，在不同的计算机上编译，以及我能想到的所有其他东西。所有这些都没有对这个问题做出任何改变。
注意，我已经修复了复制问题，这与问题无关。
从下图中，您可以看到该类是在DOM元素上设置的，但它并没有在应用的CSS样式上注册。
tailwind.config.
浏览 0提问于2021-11-25得票数 0
我想使字体大小响应式的，但它不工作与字体-可怕的。
如何让xl:fa-3x在tailwindcss上工作？
<i class="fas fa-pencil-alt fa-lg xl:fa-3x"></i>
谢谢
浏览 4提问于2021-11-13得票数 3
是尾风播放代码。
我有如下配置，请注意自定义断点：
const colors = require("tailwindcss/colors");
module.exports = {
darkMode: "media", // or 'media' or 'class'
theme: {
extend: {
screens: {
xs: "320px", // here i have xs
},
colors: {
orange:
浏览 0提问于2021-11-05得票数 1
回答已采纳
我正试图通过CDN向NextJS添加google字体。由于某些原因，它可以工作，但只有当我添加字体时，没有选择任何字体权重。有人知道我怎样才能包括完整的字体系列吗？
作品：
<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap"rel="stylesheet"/>
不起作用：
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500
浏览 5提问于2022-07-15得票数 1
大多数教程和文章都使用了在styles.scss中导入顺风依赖项的方法 @import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'; 然后在custom -COMPOMENTS.css或全局级别的某个单独文件中使用@apply函数编写自定义样式。 但是如果我想在我的组件作用域样式中使用@apply函数和顺风呢？这有可能吗？ 目前要么是我的f.x。自定义组件.css被不同的组件样式污染，或者组件html被多个类污染。 B
浏览 28提问于2020-03-31得票数 7
4回答
我一直试图在谷歌上搜索，但我要么没有使用正确的术语，要么还没有人问我的问题。
问题：是否有一种在TailwindCSS中堆栈响应类的方法？我想要做的是改变一些事情，比如：
class="grid gap-12 md:grid-cols-2 md:col-gap-12 md:py-16 lg:grid-cols-3 lg:py-12"
变成更像：
class="grid gap-12 md:grid-cols-2:col-gap-12:py-16 lg:grid-cols-3:py-12"
我意识到它并没有减少那么多的直线长度，但在我看来，它似乎更理智一些，把响应
浏览 0提问于2020-03-06得票数 3
回答已采纳
我更新了从v2到v3的顺风，现在缺少了一些类。我尝试过重新安装“顺风”及其依赖项，但是没有帮助。是什么原因导致了这种奇怪的行为？
示例：
w-6/12
w-7/12 <- does not exist
w-8/12
w-9/12
w-10/12
w-11/12 <- does not exist
w-12/12 <- does not exist
以及来自网格、字体大小等的其他类。
版本
tailwindcss: 3.0.15
tailwindcss/aspect-ratio: 0.4.0
tailwindcss/forms: 0.4.0
tailwindcss/line-c
浏览 2提问于2022-01-19得票数 1
回答已采纳
1回答
我试图在我的mix.config.js中编译SASS文件，但是我没有成功。
talwind.config.js
const primaryColors = require("./colors");
module.exports = {
purge: [
'./resources/**/*.blade.php',
'./resources/**/*.js',
'./resources/**/*.vue',
],
darkMode: "class"
浏览 1提问于2021-03-19得票数 0
我知道TailwindCSS有类group可以使用，但当父元素激活某个事件时，它只用于更改子元素的样式，但我希望其子元素的样式改变。
<div class="parent"> <!-- border color should be red when child is focused -->
<img class="icon">
<input class="child" type="text">
</div>
我不想重写css类。只需使用TailwindCSS。
浏览 18提问于2022-11-28得票数 1
回答已采纳
在我的laravel 8应用程序中，我尝试使用具有许多图标的tailwindcss2样式：
<i data-feather="chevron-down"></i></div>
我没有看到任何图标，尽管我从源代码模板中应用了所有css文件。
它看起来不像包裹
"@fortawesome/fontawesome-free": "^5.15.4",
我在我的laravel应用程序中使用
哪些软件包/字体，我要添加到我的应用程序，以看到这些图标？在package.json中，我有：
"devDependenci
浏览 5提问于2021-12-05得票数 0
我想使用Tailwind将"Courier New“字体应用到我的文本中。 在文档中，我看到它在font-mono https://tailwindcss.com/docs/font-family下可用 但是当我应用font-mono时，它应用了所有这些系列，我如何应用"Courier New“呢？
浏览 27提问于2021-10-04得票数 0
回答已采纳
我正在使用TailwindCSS创建一个投资组合网站。没有使用任何花哨的东西，只是一个静态网站使用尾风。
最近，我的字体，也就是谷歌字体中的"Inter“，没有在移动浏览器上呈现。当我延长几种颜色时，它在突然停止工作之前就开始工作了。
奇怪的是，在使用Chrome和Safari开发工具的移动屏幕大小的桌面浏览器上，一切都很好。
有没有人知道问题似乎是什么，或者经历过同样的问题？
提前感谢！
这里是我的代码：
我的src文件：
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;
浏览 0提问于2021-08-18得票数 0
我正在尝试调整顺风样式，并且我使用了来自尾风文档的postcss配置：
module.exports = {
plugins: {
'postcss-import': {},
'tailwindcss/nesting': {},
tailwindcss: {},
autoprefixer: {},
}
}
这是我的css
.app-wrapper {
@tailwind base;
@tailwind components;
@tailwind utilities;
}
使用此配置，嵌套工作正常，但并不是所有的tailwindC
浏览 24提问于2022-11-18得票数 0
回答已采纳
1回答
在遵循TailwindCSS配置教程使用Next.js设置它时，顶层的.css文件如下所示：
@tailwind base;
@tailwind components;
@tailwind utilities;
我的问题是:这是做什么，它是如何抓取和利用顺风CSS文件？
浏览 7提问于2022-07-21得票数 0
4回答
我尝试在我的页面中使用Ubuntu字体，添加了一个链接：
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
下面是CSS：
body{
font-family : Ubuntu;
}
它可以工作，但有时字体不能识别像“č，ž”这样的斯洛伐克字符。这些是不同的字体(不是Ubuntu)。例如，在移动设备大小的屏幕上(当我在firefox
浏览 0提问于2015-03-16得票数 1
我在盖茨比( Gatsby )中使用了一种自我托管的字体，效果很好。基本上我有-
是一个fonts/文件夹，所有的.woff2文件都放在其中，其中有一个fonts.css，它具有所有的@字体-face调用(这样做是因为几乎有15个@字体-face调用)，我在gatsby-config.js中配置了gatsby-source-filesystem插件，如下所示：<code>f 210</code>
resolve: "gatsby-source-filesystem",
options: {
name: "f
浏览 6提问于2020-07-13得票数 0
回答已采纳
我试图了解如何在MathJax表达式中获取符号(Y、W、S、K、I和B)，就像在粗体字体中呈现为无衬线字体的$Y$一样，如"Y“。
这是很容易得到一个无衬线渲染：$\mathsf{Y}$或在一个大胆的脸：$\mathbf{Y}$，但它回避了我如何做到这两个相同的符号。
谢谢!
浏览 1提问于2016-05-22得票数 1
1回答
根据Tailwind的说法，在我的create-react-app应用程序中设置了响应变量之后，我就设置了Craco。这些工作在开发构建中非常完美，但在生产构建中却没有图像加载。我在这里错过了什么？
我已经确定这个问题很可能发生在我的生产配置中。当我作为测试直接将任何background-image URL“硬编码”到我的App.css文件中时，它们在生产构建中会正确地显示出来。
index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
@variants respons
浏览 1提问于2021-03-12得票数 3
为什么@tailwindcss/forms插件边框响应不起作用？边界工作正常 <div class="border"></div> 但md:border或lg:border不起作用。 <div class="md:border"></div> 你能告诉我为什么吗？ 谢谢
浏览 21提问于2021-08-27得票数 0
1回答
悬停时顺风文本颜色不变
、、、、
当我悬停在按钮上时，我试图让按钮中的文字颜色改变，但它不起作用.我的反应代码是
<button className="px-4 py-2 bg-blue-500 text-light hover:bg-light hover:border-2 hover:border-blue-500 hover:text-blue-500">Sign Up</button>
我的顺风配置文件如下所示
const colors = require("tailwindcss/colors");
module.exports = {
p
浏览 7提问于2021-11-11得票数 2
回答已采纳
所以我想使用这个剪裁插件，我需要有自定义的颜色。这是基于的。
module.exports = {
// ...
plugins: [
require('@gradin/tailwindcss-scrollbar')({
colors: {
track: 'lightgray',
thumb: 'gray',
thumbHover: 'darkgray',
},
}),
],
}
但我想用主题的颜色。这两种配置都不起作用，我仍然得到
浏览 1提问于2021-04-12得票数 0
回答已采纳
我尝试将一些字体包含在我想在多个项目中使用的顺风预设中。
在文档中只描述了如何在css文件的基础层中定义font-faces，请参阅此处：。
然而，要将其包含在可分发的预设中(据我所知)，就是将其包含在插件中。然而，我不明白问题出在哪里。
我的方法如下：
const defaultTheme = require('tailwindcss/defaultTheme')
const plugin = require('tailwindcss/plugin')
module.exports = {
prefix: '',
mode:
浏览 5提问于2021-05-28得票数 0
回答已采纳
我在页面上使用iOS箭头，它在OS上的Chrome、Firefox和Safari上正确呈现，但是在Safari on iOS (iPhone)中，箭头呈现为空框(您知道，“无法呈现”框)。
对于为什么会发生这种情况，我能做些什么来解决它，有什么想法吗？谢谢!
编辑：
事实上，如果有人能提供更好的解决方案(虽然我意识到这不可能)，我会非常感激的。我不想@字体面或@导入一个，不值得增加资源的三个箭头.是否有某个人可以将我链接到的用于iOS Safari的unicode箭头？也许是画廊？
浏览 8提问于2013-12-27得票数 13
回答已采纳
3回答
我正在尝试在md断点内的height属性上添加一些动画，但顺风不会使用我的类
<div className={`h-12 bg-blue flex w-full text-white fixed mt-1 md:bg-white ${scrolling ? 'md:animationNav md:h-16' : 'md:animationBasisNav md:h-20'} lg:bg-gray-500 `}>
<p>test</p>
</div>
我的粗鲁
.animationNav{
-webkit-
浏览 0提问于2021-01-26得票数 0
我试图为按钮创建一个修饰符，当它处于加载状态时。
基于文档，我在tailwind.config.js中添加了以下内容
// I assume this is included in tailwindcss
// and doesn't need to be installed separately
const plugin = require('tailwindcss/plugin')
module.exports = {
// ...
plugins: [
plugin(function({ addVariant }) {
浏览 8提问于2022-03-04得票数 5
回答已采纳
1回答
如何将此css代码转换为TailwindCSS？
.status {padding: 5px;border-radius: 5px;&.Approved {color: green;background-color: rgba(0, 128, 0, 0.151);}&.Pending {color: goldenrod;background-color: rgba(189, 189, 3, 0.103);}
浏览 1提问于2022-11-14得票数 0
回答已采纳
WPF具有附加属性，允许您进行上标和下标。但是，它只适用于某些字体。对于其他字体，变体被完全忽略，文本显示正常。(代码示例和屏幕截图)
因为它悄悄地回到了不操作状态，所以我不知道什么地方出了问题，但是我的用户会看到糟糕的行为。
是否有任何方法可以编程地检测给定字体是否支持Typography.Variants?，如果是的话，如果用户为需要上标/下标的字体选择一个非变体支持字体，我可以提供更有意义的行为。
我查看了，因为它是用来询问字体是否可以嵌入的，但是我没有看到任何关于变体的信息。我在上也没有看到任何明显的东西，我在上唯一能找到的就是附加属性本身的变体(以及它的getter和setter)。
浏览 3提问于2009-08-09得票数 3
回答已采纳
我在我的tailwind.config.js文件中添加了新的字体系列。这些都可以在.font-sans类中使用，但我也想更改全局字体系列。'tailwindcss/base'导入在html, body {}选择器上添加了一个泛型的无衬线家族。
是否有一种方法可以更改配置文件中的全局字体系列，而不是仅仅添加一个新的样式来撤消它？
我希望将整个CSS保持在最低限度，并且不需要添加额外的CSS来撤消我不需要的样式。我无法在文档中看到任何适用于此的选项。
浏览 15提问于2020-03-15得票数 17
回答已采纳
1回答
在最近的项目中，我花了更多的时间来重置和更改Foundation framework提供的许多CSS属性来满足我的需求，但同时我也在享受Foundation提供的一些特定的脚本，比如网格或响应式菜单。
我有两个问题：
1)有没有一种方法可以清楚地重置或取消在Foundation CSS文件中产生的所有字体大小，因为我想使用一个67.5%的值和不同的rem大小，而不必覆盖很多CSS？
2)如果我这次没有使用框架，你知道有没有类似于Foundation responsive的脚本，具有多级支持和动画功能，我找不到像这样好的脚本。
谢谢!
浏览 1提问于2014-08-06得票数 0
1回答
没有导出所有css的顺风配置
、、、、
我正试图在一个新鲜的laravel 8.*项目中发布完整的顺风3.0CSS库，以便使用部分删除我不需要的内容。问题是，尽管设置很快，但我无法获得在公共app.css文件中发布的完整的顺风css样式；只有基本样式才会被发布。那我做错什么了？
我从npm开始安装：
install -D tailwindcss postcss autoprefixer。
2]然后，我设置了mix
.postCss('resources/css/app.css', 'public/css', [
require("tailwindcss"),
浏览 2提问于2022-06-07得票数 0
回答已采纳
1回答
在用OpenType字体在iText中构建PDF文档时，我想从字体中访问字形变体--特别是表格图形。由于OpenType字形变体没有Unicode索引，我不知道如何指定要使用一组特定的变体(表格数字)，或者通过其字形ID调用特定的字形。如果存在，只需查找相关的iText类名。
浏览 3提问于2015-11-17得票数 27
回答已采纳
2回答
如何配置next.js以支持同时顺风css和css模块？我想要tailwindcss包住整个项目：
// /tailwind.scss
:global {
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
}
// /test-module.css
.example {
font-size: 36px;
}
// /pages/_app.jsx
import '../talwind.
浏览 28提问于2019-10-27得票数 14
我正在从事一个Svelte3项目，试图获得TailwindCSS DarkMode的支持。从我读过的文档来看，它应该在本地工作吗？目前，这是一个非常典型的Svelte项目，配置了Tailwind、Typescript和PostCSS。顺风类是起作用的，但是在大多数情况下，黑暗模式类是不工作的.我似乎不能正确配置..。有人能帮我吗？
index.html
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset='utf-8'
浏览 1提问于2021-04-27得票数 0
我使用TailwindCSS 3.x使用TailWindCSS的基于响应性的实用程序类将图像显示为h-9 sm:h-20。
<img class="h-9 sm:h-20 rounded-full" src="path/image-1.webp" alt="img" />
我想知道是否可以使用img属性宽度和高度实现相同的目标？
对于桌面，我希望它设置为width="80" height="80"
对于移动设备，我想要它成为width="36" height="36"
浏览 10提问于2022-09-05得票数 0
今天市场上有许多流行的web字体服务，它们“托管”字体，并通过javascript或指向远程位置的CSS将它们提供给您的网页。例如，http://webfonts.fonts.com或http://typekit.com
然而，当您在本地测试服务器上开发时，似乎存在一个问题--远程字体服务不验证字体，并返回403个拒绝访问的错误等等。
在本地开发服务器上使用远程服务(如托管字体服务)有什么解决办法？
浏览 0提问于2011-11-14得票数 3
我目前正在尝试更改文本颜色的产品变体下拉菜单。目前，当我使用下拉菜单时，字体在白色背景上显示为浅灰色，很难读懂。此外，我想改变字体颜色的“描述”和“附加信息”。我正在使用wordpress和捕捉响应主题。
浏览 0提问于2018-03-19得票数 0
我有一个json数组的设置如下：
[
{
"name": "Company Name",
"key": "company_name",
"default": "Foo"
}, {
"name": "Deposit Weeks",
"key": "deposit_weeks",
"default": 6
}, {
"name": "
浏览 4提问于2016-05-24得票数 4
我有一堆旧的Mac PostScript Typ 1字体，我想压缩成一个压缩文件。在压缩包含字体的文件夹后，我解压缩zip文件，里面的所有字体显示0字节，不再可用。
压缩前，它们看起来是这样的：
像这样，压缩后：
我的守则：
shutil.make_archive(ordner, 'zip', ordner)
使用nativ MacOS存档程序压缩字体目录不会损坏字体。
更新：我试图通过命令行(终端)用原来的Unix工具压缩文件。使用此代码：
zip -r -X compressed_directory.zip directory_to_be_compresse
浏览 0提问于2019-02-18得票数 0
回答已采纳
我试图缩放一个网页的引导4方式(使用html字体大小和rem在任何其他地方)，但它似乎破坏了响应导航条的激活(即它没有正确地激活)。
实际的问题是当你缩小视图时，响应型导航条应该隐藏菜单选项并提供汉堡包图标。但是，如果您缩放html字体大小，响应型导航条在菜单将位于视口之外时不会激活。在提供的示例中，将视图缩小为22 to字体，并查看菜单如何转到下一行。然后删除该CSS并缩放菜单，它在16 it (默认)字体下工作得很好。
对于如何解决这个问题，我有什么想法吗?或者我做的是不正确的导航条和字体缩放？
<nav class="navbar navbar-light bg-fad
浏览 5提问于2016-07-23得票数 0
回答已采纳
在我的应用程序中，在safari和iOS中，我想使用Atom符号U+269B。在任何其他浏览器上，它都正确地显示为一个符号文本，比如元素。在Safari和iOS中，它更像是一幅图像。
我是否可以使用CSS技巧来确保它显示为正常文本，或者是否应该更改为其他内容？
浏览 0提问于2016-04-02得票数 0
回答已采纳
我已经按照官方指南设置了Next.js站点的顺风：
但是，当我尝试使用@apply方法时，在中，例如：
.container {
@apply rows-span-3;
}
我得到以下错误：
语法错误：@apply不能与.rows-span-3一起使用，因为.rows-span-3要么找不到，要么它的实际定义包括一个伪选择器，如：.rows-span-3、:active等等。如果您确信.rows-span-3存在，请确保在Tailwind看到您的CSS之前，正确处理了任何@import语句，因为@apply只能用于同一CSS树中的类。
这是我的postcss.config.js
const
浏览 16提问于2020-05-13得票数 14
我有一个联系人列表，它是作为一个无序列表生成的，其中为每个列表项分配了HTML5 data属性。data属性值是用于字母排序的单个字母。我无法控制生成的标记，但是我需要在每个字母的第一个条目之前插入一个节标题。我希望用:before伪元素来实现这一点。没什么不寻常的。我选择的CSS选择器有很大的自由度，因为这个项目只支持IE9+。
示例标记：
<ul>
<li data-name="a"> ... </li>
<li data-name="a"> ... </li>
<li
浏览 4提问于2013-09-25得票数 4
回答已采纳
1回答
我在我的@font-face标记中使用了自定义字体，它在我的ASP.NET 3.5网站上成功地工作，在所有(Windows)浏览器上运行在本地website (localhost)上。但是，当我使用不同的端口(localhost:5000)将站点复制到同一服务器上的另一个IIS站点时，字体将不再正确呈现。完全相同的资源仍然存在，网站仍然按照设计的功能，只是没有字体。我已经把这个网站推到了一个托管服务上，而且这个问题也一直存在。
那么服务器会阻止字体的呈现吗？
编辑:添加代码
字体提供eot，woff，ttf和svg格式，并位于以下文件夹.
websiteRoot/_resources/font
浏览 0提问于2012-11-11得票数 0
回答已采纳
1回答
我的目标是在我的nextjs/tailwind项目中使用自定义字体。当我在本地服务器上运行项目时，字体可以正确显示，即使我创建了一个生产构建并在本地运行它，但当我将它部署到生产服务器上时，字体显示不正确。在控制台中，我收到以下消息： GET https://website.com/fonts/Some-Font1.ttf net::ERR_ABORTED 503
GET https://website.com/fonts/Some-Font2.ttf net::ERR_ABORTED 503 我尝试过寻找类似的错误，但没有成功。我试着调整了next.config，并添加了一个名为next
浏览 18提问于2021-04-27得票数 0
1回答
我正在使用2个非常不同的字体在一个响应式的网站。复杂的是，在相同的大小下，这两种字体看起来完全不同。因此，我需要一些方法来改变基于字体系列的排版规则。我总是可以在使用辅助字体的任何地方使用类并管理大小，但突然之间我必须复制响应式排版规则。 有没有更简单的方法可以做到这一点？与缩放呈现字体高度的某个font-*属性相关，还是与基于字体系列的选择器相关？
浏览 33提问于2019-01-19得票数 0
1回答
我试图在我的项目中使用顺风css，看起来只是字体的改变，但对类的使用没有影响。
我在vs代码上使用实时服务器扩展。
package.json
{
"name": "testing",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "npx tailwindcss -i tailwind.cs
浏览 2提问于2022-01-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
