如何在 Flutter Web 项目中使用 Adob​​e Fonts?

How to use Adobe Fonts in a Flutter Web Project?

我们的设计团队使用 Adobe Fonts 并给了我们一个 https://use.typekit.net/qwertyuiop.css URL 来嵌入我们的 Flutter Web 项目.

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * anton:
 *   - http://typekit.com/eulas/00000000000000003b9b1327
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-10-08 12:06:43 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=uws7ddb&ht=tk&f=10881.10882.10884.10885.15357.15358.15361.15362.15898.32874.32875&a=11875597&app=typekit&e=css");

@font-face {
font-family:"anton";
src:url("https://use.typekit.net/af/123456/00000000000000003b9b1327/27/l?primer=7cdcb44be4a7db8877ffa5c0007b123865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/123456/00000000000000003b9b1327/27/d?primer=7cdcb44be4a7db8877ffa5c0007b123865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/123456/00000000000000003b9b1327/27/a?primer=7cdcb44be4a7db8877ffa5c0007b123865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

.tk-anton { font-family: "anton",sans-serif; }

你知道如何在 Flutter Web 项目 中嵌入这样一个 CSS 文件吗?

谢谢!

Flutter 是应用程序开发平台,Adobe Fonts 不支持应用程序许可,因此应用程序中无法使用 Adob​​e Fonts 中的大多数 字体。然而,这次你很幸运,因为有问题的字体 Anton 是 open-source 字体,也是 available from Google Fonts.

所以在这种情况下,您可以从 Google Fonts 下载 Anton,然后按照 Flutter 的 Use a custom font 教程进行操作。

至于大多数 Adob​​e Fonts 库,制作字体的设计师 and/or 铸字厂列在每一页上,因此请先检查那里。他们中的许多人通过他们自己的网站出售应用程序许可证,或者他们会从他们的网站获得指向他们许可其字体的市场的链接,例如 Fontspring 和 MyFonts。