dulce/statamic-adobe-fonts

在 Statamic 中管理自托管的 Adobe Typekit 字体

维护者

详细信息

github.com/mauriciodulce/statamic-adobe-fonts

来源

问题

安装: 158

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 1

类型：statamic-addon

v1.1.0 2024-06-14 22:29 UTC

Requires

MIT dcb99882e5820b4f556efe43ed5523fd8f23b23c

This package is auto-updated.

Last update: 2024-09-14 22:58:50 UTC

README

Statamic 5.0+ Statamic Google Fonts on Packagist

Statamic Adobe Fonts 是一个 Statamic 插件，使 Statamic 用户在服务器上托管 Adobe Typekit 字体尽可能无摩擦。

功能

此插件提供

  • 在您自己的服务器上托管 Adobe Typekit 字体。
  • 自定义托管哪些 Adobe Typekit 字体的能力。

安装

您可以从 Statamic 控制面板的 工具 > 插件 部分，通过搜索 "Adobe Fonts" 并点击 安装 来安装此插件。或者，您可以从项目的根目录运行以下命令

composer require dulce/statamic-adobe-fonts

安装包后，您可以使用以下命令发布配置文件

php artisan vendor:publish --provider="Dulce\StatamicAdobeFonts\ServiceProvider"

这将创建一个 statamic-adobe-fonts.php 配置文件在您的 config 目录。

配置

要加载应用程序中的字体，请在 statamic-adobe-fonts.php 配置文件中注册 Adobe Typekit 字体嵌入 URL

// config/adobe.typekit.php

return [
    'fonts' => [
        'default' => 'https://use.typekit.net/[project-id].css',
    ],
];

将 [project-id] 替换为 Adobe Typekit 中的实际项目 ID。

用法

一旦安装了插件，您可以通过编辑 config 目录中的 statamic-adobe-fonts.php 配置文件来配置您想使用的 Adobe 字体。

在您的 Antlers 模板中，您可以使用提供的 Antlers 标签来包含 Adobe 字体的必要 CSS

 {{ typekit }}

此标签将输出必要的 CSS 链接以在您的网站上包含 Adobe 字体。

要在您的网站上使用 Adobe 字体，只需在 CSS 中使用字体的名称。例如

body {
    font-family: 'Adobe Caslon Pro', serif;
}

有关可用字体及其相应的 CSS 类的完整列表，请参阅 Adobe 字体文档。