星期四, 7月 08, 2021

WebFont使用方式: 包含font-weight/swap

如何透過WebFont加載字型

WebFont.load({

            timeout: 2000,

            google: {

                families: ['Noto Sans TC:100,300,500,700,900&display=swap', 'Roboto&display=swap']

            }

        });


再加上以下優化CVS效能

<link rel="dns-prefetch" href="//fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

如果你想用引用的方式也可以使用下面的語法

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500&display=swap"   rel="stylesheet">

Ref:

https://github.com/typekit/fvd

https://github.com/typekit/webfontloader/issues/429


沒有留言:

張貼留言

留個話吧:)

其他你感興趣的文章

Related Posts with Thumbnails