Googleフォントを自己ホストする簡単な方法。
正直に言って、GoogleがGoogleフォントを使用してデータを収集していることを私たちは皆知っています。ユーザーのデータを無料で提供しますが、その代わりに必要なのは、WebFontsを使用する簡単な方法です。 Fontlessは、同じシンプルさを提供することを目的としていますが、自己ホストされたフォントを提供します。 Webインターフェイスは、技術に精通していない人々にとっても使いやすいように構築されています。
Fontlessの目的は、自己ホストされたフォントのGoogleフォントから得られるのと同じ快適さを提供することを目指しています。
フォントレスサービスをセットアップして展開したら、そのドメインにアクセスして、使用するフォントを選択できます。その後、アプリケーションに生成されたlinkタグを埋め込むことができます。
また、 fonts.googleapis.com Fontless Serviceのホスト名に置き換えて、GoogleフォントからFontlessに移行することもできます。 Fontlessは、Google Fonts CSS2 APIを完全にサポートしています。
フォントレスは、フォントレスセットアップとフォントレスサービスの2つの部分で構成されています。
Fontlessセットアップは、フォントレスサービスの構成と展開に使用されるWebAppです。 Google-Webfonts-Helperからフォントデータを定期的に要求して、すべてのGoogleフォントの最新リストを提供します。 Fontlessサービスを構成した後、 fontless.config.json -fileが生成されます。その後、最新のフォントレスサービスがGitHubからダウンロードされます。 Fontless Serviceとfontless.config.jsonを選択したものに応じて、コンピューターにジップされてダウンロードされるか、Vercelに展開されます。
フォントレスサービスは、すべての構成されたフォントを提供します。 GoogleフォントCSS2 APIを実装する、フロントエンドとサーバーレス機能の2つの部分で構成されています。
フロントエンドは完全に静的で、ビルドタイムで生成されます。
すべてのフォントは、ビルド時間にGoogleフォントからダウンロードされ、 /fontsディレクトリに配置されます。ビルドプロセスは、サーバーレス関数によって使用され、フォントレスセットアップで既存のフォントレスサービスをインポートするために使用されるa /fonts.json -fileも生成します。 fonts.jsonには、要求できるパスを含むすべてのフォントとそのバリエーションのリストが含まれています。
MIT©Tobias Herber