谷歌站长平台实测网站

确保文本在webfont加载期间保持可见

PHPer 2020-04-01 249次浏览 0条评论 0 1 0
五月2,2019•2019年10月4日 出现在:绩效审核 字体通常是大文件,需要一段时间才能加载。些浏览器会隐藏文本,直到加载字体为止,从而导致显示不可见文本(FOIT)。 L...

五月2,20192019年10月4日

出现在:绩效审核

字体通常是大文件,需要一段时间才能加载。些浏览器会隐藏文本,直到加载字体为止,从而导致显示不可见文本(FOIT)。

Lighthouse字体显示审核如何失败# Lighthouse 标记可能会闪烁不可见文本的所有字体URL:

17e88bffaa_normal.png 如何避免显示隐形文字# 避免在加载自定义字体时显示不可见文本的最简单方法是临时显示系统字体。通过包含font-display: swap您的@font-face样式,可以避免在大多数现代浏览器中使用FOIT:
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
}
的字体显示API 指定的字体的显示方式。 swap告诉浏览器使用字体的文本应立即使用系统字体显示。自定义字体准备好后,它将替换系统字体。(有关更多信息,请参见在加载过中避免出现不可见的文本。) Google字体# 将&display=swap 参数添加到您的Google字体网址的末尾:
link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet"

浏览器支持# ...

登录 | 立即注册

更新于:2020-04-01 01:19:05
    您需要登录后才可以评论。 登录 | 立即注册
    相关内容

    服务器搭建

    先介绍下Centos7下搭建LAMP环境。安装版本 Apache 2.4.6 PHP7.1.13,Mysql5.7 shadowsocks-libv

    centos7用yum搭建LAMP环境之一

    CentOS 7 安装 LNMP 环境,sh脚本一键安装

    安装phaclon遇到的各种问题。

    LNMP的那些事情

    centos7安装openssl

    Centos系统在Apache服务器上安装SSL证书

    Centos7.4 修改MySQL5.7 root 密码

    2020在godaddy首页上看到企业建站服务

    邮件发送报错No IDN encoder found(install the intl extension or the true/punycode package

    yum安装php扩展intl报错:Error: php71w-common conflicts with php-common-5.4.16-43.el7...

    如何在CentOS上安装PHP intl扩展?

    服务器选择-阿里云轻量应用服务器 轻量应用服务器 (香港节点丢包严重,延迟25ms)

    阿里云香港服务器和大陆服务器区别在哪,如何选择

    关于网站的robots文件以及robots文件在线生成工具

    robots.txt 不让搜索引擎收录网站的方法

    Yii2生成sitemap,yii2-sitemap-module Yii2 module for automatically generating XML Site...

    验证谷歌站长平台 – GOOGLE SEARCH CONSOLE 验证流程

    centos7下自动备份mysql数据库

    谷歌站长平台实测网站

    CentOS 7中看PHP运行时的Log文件日志信息

    Linux设置Swap虚拟内存方法

    CentOS 7一键安装桌面环境命令(可远程RDP连接)

    如何在 CentOS8/RHEL8 上安装配置 VNC 服务器

    上网服务器搭建时遇到的问题

    这里记录一些遇到的问题

    CentOS7下解决ifconfig command not found的办法

    CentOS 7安装锐速高速上网

    切换使用锐速和BBR加速时遇到的问题failed to dial to (wss:// *** ) 502 Bad Gateway

    服务器加速的解决方案

    使用V2Ray的mKCP协议加速游戏

    Quick and easy VPNs with WireGuard

    v2rayN已停止工作

    基于CentOS7 Centos8平台搭建邮件服务器

    EwoMail​在Centos8上安装了,各种坑,各种报错。这个集成包太臃肿了。 20200416 EwoMail 已经弃用,国内的一家公司搞的坑爹产品。 20200418

    如何在RHEL8 / CentOS8上安装Webmin

    设置postfix作为邮件发送服务器

    Centos7利用yum安装apache+mysql8+php7 一篇搞定!

    有些地方可以再细些,后面我加上 20200408 复制过来显示了代码的行数,建议直接看原文 原文链接:https://blog.csdn.net/weixin_38601833/art...
    推荐内容

    MySQL数据库设计总结

    规则1:一般情况可以选择MyISAM存储引擎,如果需要事务支持必须使用InnoDB存储引擎。注意:MyISAM存储引擎 B-tree索引有一个很大的限制:参与一个索引的所有字...

    什么是B-Tree

    二叉查找树、平衡二叉树、红黑树、B-/B+树性能对比

    查问我看笔记功能的实现过程-全文搜索待开启,试试yiisoft/yii2-sphinx

    查问我看笔记功能的实现的重点就是全文搜索,如果不用Yii自带的ActiveRecord的话,就要找扩展,先找了个yii-xunsearch,不行太差了,又找了yiisoft/yii2-elasticsearch,...

    yii2框架中使用sphinx使用搜索引擎 多条件选择搜索

    运行php composer.phar require --prefer-dist yiisoft/yii2-sphinx

    超省心游戏加速:Wireguard+udp加速(CentOS版)--(实测:超不省心),以后搜帖...

    Wireguard+udpspeeder+udp2raw游戏加速方案 ---------------------------------------错误报告及解决-----------...

    wireguard+udpspeeder+udp2raw多用户配置

    Wireguard+udpspeeder+udp2raw游戏加速方案改进版-实测有效

    使用Yii2遇到的问题整理

    Yii的东西很多,学习和使用的时候遇到了各种各样的问题,这里记录整理下,方便大家分享。composer安装kartik-v/yii2-mpdf时报错,这里记录下 Yii2用compos...

    Yii2用composer更新时遇到的错误

    Yii2 用composer update 时提示'git' 不是内部或外部命令,也不是可运行的程序或批处理文件

    Yii2​用composer安装kartik-v/yii2-mpdf时报错,成功解决后,再让其支持中文。

    使用Yii2的setFlash和bootstrap.min.js遇到的问题,bootstrap.min.js的bug?

    Yii2的action不支持大小写吗?其实是支持的

    composer install 使用tips-网上找的composer install的使用技巧方法