// app/layout.tsx import { InterVariable, InterDisplay } from "next-font-inter"; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( <html lang="en" className={`${InterV
Tailwind Inter插件 TailwindCSS插件,可与Rasmus Andersson Inter Typeface集成。 它添加了.font-inter类以应用Inter字体系列,根据调整每种字体大小的字母间距,并允许切换字体功能设置。 (可选)从添加@font-face 。 该插件的灵感来自Imam Susanto 开发的 插件。 安装 # with npm npm install --save-dev tailwindcss...
npm install --save-dev tailwind-plugin-font-interOR yarn add --dev tailwind-plugin-font-inter ✅Usage Go to your TailwindCSS Configuration usually namedtailwind.js In yourtailwind.jsfile, uncomment the line with this codelet defaultConfig = require('tailwindcss/defaultConfig')(); ...
const inter = Inter({ const space_grotesk = Space_Grotesk({ subsets: ['latin'], display: 'swap', variable: '--font-inter', variable: '--font-space-grotesk', }) export const metadata: Metadata = { @@ -63,7 +63,7 @@ export default function RootLayout({ children }: { chil...
Websites using the typeface Inter with personal recommendations for similar web fonts, suggested font pairings and the closest free alternative.
Interfont are André Leonhardt and Dennis Michaelis. Interfont provides fonts for graphic designers made by graphic designers. Interfont strives for fonts with a strong formally and conceptually claim. Interfont.net
<linkrel="preconnect"href="https://your-font-file-host/"><linkrel="stylesheet"href="https://your-font-file-host/inter.css"> :root{font-family:'Inter',sans-serif; }@supports(font-variation-settings:normal) {:root{font-family:'Inter var',sans-serif; } } ...
Inter Font Family Description A sans-serif typeface designed for good legibility on screens at small text sizes Homepage:https://rsms.me/inter/ Tags #Google Fonts Supported Languages Unicode Blocks Inter Regular (Variable)Ver 3.019 𑁋 Modified at Sep 1, 2021 ...
Inter-Regular-Sample Inter-Bold-Sample 使用许可 本字体以SIL Open Font License 1.1(SIL 开源字型授权版本1.1,简称SIL OFL 或OFL)授权协议发布,这个授权的自由度非常高: ✔ 这款字体无论是个人还是企业都可以自由免费商用,也无需知会或者标明原作者。
2,转换超大字体(超过120px)时,受显示空间限制,您需要将图片在新窗口单独打开才可以看到具体效果!如输入的字体缺少显示,则说明该字体文件不支持该类型字符! 3,字体转换器在线输出图片仅供个人学习参考使用,不得用于商业及非法用途! 下载Inter Bold字体