如何在网站上使用表情符号字体?

2023-11-25

我已经下载了谷歌的“诺托彩色表情符号”字体,但无法使其工作。我对“Noto Sans Regular”等字体没有任何问题。但使用“Noto Color Emoji”字体时,我在 Firefox(在 Windows 10 上)中收到以下错误:

downloadable font: no supported glyph shapes table(s) present (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0)
downloadable font: rejected by sanitizer (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0)

它也不适用于 Windows 10 上的 Chrome、Internet Explorer 和 Edge 或 Ubuntu Linux 上的 Firefox。

这是我的代码:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        @font-face {
            font-family: 'NotoColorEmoji';
            src: url('NotoColorEmoji.ttf') format('truetype');
        }
    </style>
</head>

<body>
    <span style="font-family: 'NotoColorEmoji'">Emojis: 									
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在网站上使用表情符号字体? 的相关文章

  • 向剪切框添加阴影

    我可以使用 CSS 制作以下盒子及其切口三角形 带有边框技巧 只是没有背景图案并带有轻微的噪音 可以用背景图案制作切口三角形吗 还被阴影困住了 我怎样才能添加它 我是否应该更好地切换回旧方法 在框周围使用跨度和背景图像 编辑 具有一张背景图
  • 使用 CSS 创建互锁的不规则边框

    我有一个由 4 个 互锁 div 组成的布局 如下所示 我想在 顶部 和 底部 位周围放置边框 以使最终布局如下所示
  • Jquery,当屏幕宽度为1050px时删除类

    这是我正在使用的JS代码 document ready function var nav menu2 window scroll function if this scrollTop gt 90 nav addClass f nav els
  • Angular 在 Img 末尾添加额外变量 %E2%80%8B

    http myimage png E2 80 8B 我刚刚复制粘贴了这个图像网址 但它最后添加了一些奇怪的数据 并且图像没有显示 但在代码上它看起来很完美 我尝试过类似 Angular 的东西 var imageSafeUrl this s
  • Chrome - 儿童剪辑CSS3圆形边框?

    请参阅以下 JSFiddle http jsfiddle net zScKW http jsfiddle net zScKW 请注意 子 div 剪裁了其父 div 的边框 如果我删除边框 但保留圆角 该项目将按照我们的预期进行剪辑 Fir
  • 请使用同一按钮播放和暂停音频

    我有这段代码并且只是播放 但我想使用相同的按钮 图像 播放和暂停 并且我不知道我需要添加什么 我需要做什么 请帮帮我
  • 重复背景图像被切断

    我有一个容器 DIV 它随着内容的高度而缩放 它有一个背景图像 可以重复向下形成图案 问题是重复的背景图像在 div 底部被切断 有没有办法让背景图像不被切断 这是代码 http jsfiddle net WkEKD 7 http jsfi
  • 如何使用jQuery加载跨域html

    我有 2 个不同的 java web 项目在 2 个不同的 tomcat 服务器上运行 假设 projA 和 projB 在这里 我尝试从 projA 加载 projB 中可用的 html 我只是使用 jQuery load 来实现这一点
  • 如何获取div背景图像上的锚标记?

    HTML div a href http www facebook com au a div css facey float left width 32px height 32px background url file C Users U
  • 为什么我的 css 在 IE9 中无法正确显示?

    几个小时前 我对我的 WordPress 主页做了一个小改动 现在 IE9 中出现了一些以前不存在的随机奇怪 CSS 问题 我曾使用 IE 的开发工具来尝试找出问题所在 但该工具与 firebug 相比实在是太糟糕了 而且问题只出现在 IE
  • 将 WooCommerce 属性标签替换为每个的自定义图像

    我正在做一个项目 我需要一些团体的帮助 我正在使用 woocommerce 产品系统 在商店存档页面产品上我显示属性标签 属性值 就像文本一样 属性标签 属性值 例如传输 手动 有没有办法将属性标签显示为图像 我无法添加 html 代码 i
  • td 内的文本可以随 td 一起调整大小吗? (是其高度的百分比?)

    我有一个 100 占屏幕的表格 里面有 3x3 9 个单元格 每个单元格占 33 到目前为止 一切都很好 这是一个干净 可扩展的井字棋游戏 问题在于 TD 内的文本不会随比例缩放 有没有办法说 我希望文本大小为 TD 高度的 30 或者其他
  • 使用 CSS flexbox 重叠两个居中元素

    我试图将两个元素绝对居中于页面中间 一个元素在另一个元素后面 目的是让页面完全响应 中间有一个圆圈 后面有一个脉冲效果 这是一个小提琴 http jsfiddle net Fy8vD 2003 以下的 html body height 10
  • 如何使 :focus, :active 与 :hover 相同

    有没有简单的方法使 focus 和 active 表现得像 hover 通常我写 class a hover class a active class a focus 但我只想写一个 hover 规则 并且 focus active 看起来
  • 删除 twitter bootstrap 中的行

    我正在使用 twitter bootstrap 来执行一些我被迫执行的网络应用程序 我不是网络开发人员 但我找不到一种方法来禁用表的行线 正如你可以看到引导文档 http getbootstrap com components panels
  • 带有 Segoe UI 和日语文本的组合框

    我目前正在尝试让我的 C 应用程序在 Windows Vista 或 Windows 7 中运行时看起来更好 默认情况下 Windows 窗体应用程序使用微软无衬线字体字体 无法正确链接到亚洲清晰字体 例如Meiryo 为了解决这个问题 我
  • 与基线和文本区域垂直对齐

    我试图让标签与文本区域中第一行文本的基线对齐 天真的尝试 div style display inline block div
  • 将 html

    我有一些服务器端代码当前支持 http 字节范围请求 没有任何问题 但是 我希望能够在将转码后的块发送到客户端之前使用 ffmpeg 即时转码视频文件 位于磁盘上 但 ffmpeg 要求我在获取字节时给它一个寻道时间范围来自客户 给定客户端
  • Jquery 脉动改变颜色或图像

    我正在尝试使用 jquery 脉动代码让 div 改变颜色 但我希望它从红色变为黑色 但我听说要做到这一点 你必须下载某个插件 所以我希望它脉动为图片 到目前为止我有这两个代码 img src 36 gif alt width 105 he
  • 如何防止外部 CSS 添加和覆盖 ReactJS 组件样式

    我有一个自定义的 ReactJS 组件 我想以某种方式设置样式 并将其作为插件提供给许多不同的网站 但是 当网站使用全局样式 Twitter bootstrap 或其他 css 框架 时 它会添加并覆盖我的组件的样式 例如 全局 css l

随机推荐

  • 无法在“ServiceWorker”上执行“postMessage”:无法克隆函数

    我正在尝试向服务工作者实例发布消息 我收到以下错误 无法在 ServiceWorker 上执行 postMessage function obj removeListener ev fn 无法克隆 我的代码如下 var socket io
  • GKE Nginx Ingress Controller 前面的全局负载均衡器(HTTPS 负载均衡器)

    我有一个 GKE 集群 它使用 Nginx Ingress Controller 作为其入口引擎 目前 当我设置 Nginx Ingress Controller 时 我定义了一个服务kind LoadBalancer并将其指向先前在 GC
  • 对 RGB 图像使用特征数组数组

    我正在尝试使用 Eigen 库进行一些简单的图像处理 我将使用 Array3f 作为 RGB 三元组 并使用 Array 来保存 RGB 图像 这似乎部分有效 我可以方便地对图像进行组件式加法 乘法和除法 但某些操作 特别是涉及减法或求反
  • 是否可以为 python 创建嵌套虚拟环境?

    在处理一些自动化脚本时 我发现需要有一些可用于所有脚本的通用包 例如ipython and spyder 并仅安装每个脚本的差异包 我们称之为差异包 有没有办法在Python中嵌套虚拟环境 也就是说 通过某种方式设置环境 以便 python
  • 如何在C++中使用clock()

    我怎么打电话clock in C 例如 我想测试线性搜索在数组中查找给定元素需要多长时间 include
  • Typescript 将所有日期从接口转换为字符串

    是否可以全部改造Date类型定义从我的接口到string 因为它会自动转换为string关于 JSON 字符串化 interface Item key string value number created Date const item
  • 如何上传JAR到Nexus OSS 3?

    如何通过以下方式执行 jar 的上传curlNexus 3 我尝试使用链接提示但没有成功 这是我的尝试 curl v F r F releases hasPom true and F jar F file v12 1 0 1 pom xml
  • 查找已调用弹出菜单的 JTable 行

    我有一个 JTable 和一个特定于每一行的弹出菜单 我想计算用户右键单击鼠标 Windows L F 以调出弹出菜单的行 我为表创建了一个 MouseListener 因此它可以在单击时获取 MouseEvent 并在正确的位置显示弹出菜
  • 更改主详细信息导航xamarin表单中的汉堡图标

    我正在处理 Xamarin 表单 我需要在成功登录屏幕后显示主详细信息导航 我想更改默认的汉堡包图标 但无法更改它 请参阅下面我正在使用的代码 由于我的应用程序有登录屏幕 因此我不想在登录屏幕上显示任何导航 我只是将主页设置为app xam
  • ASP.NET MVC Controller.OnException 未被调用

    我有一个基本控制器类 我在其中重写 Controller OnException 处理程序方法 以便为将从此类继承的某些类型的控制器 这些是将返回 JSON 结果的 API 控制器 提供通用错误处理 当控制器引发异常时 永远不会调用 OnE
  • SQL - GROUP BY 和 COALESCE 的丑陋组合

    我有一个包含类似于以下数据的表 ID 状态 foo 创建日期 更新日期 我处理这个问题的时间越长 我的 SQL 就越难看 这告诉我我可能做错了什么 我想要的是每个状态的唯一列表 只要 foo 对于该状态始终相同 如果 foo 对于该州的所有
  • Windows Phone 7 (WP7) PhotoChooserTask 与裁剪

    我在许多应用程序中看到过这一点 但在文档或在线示例中找不到任何内容 当您调用 PhotoChooserTask 时 某些应用程序允许您调整大小 裁剪以仅使用该图像的一部分 通过显示白色矩形 我如何使用它并为目标图像设置自己的尺寸 您可以设置
  • 为什么 Collections.sort 使用 Mergesort 而 Arrays.sort 不使用?

    我正在使用 JDK 8 x64 为了Arrays sort 原语 我在Java文档中发现了以下内容 排序算法是双枢轴快速排序作者 弗拉基米尔 雅罗斯拉夫斯基 乔恩 本特利和约书亚 布洛赫 For Collections sort 对象 我找
  • 为什么在 Nestjs 中基于构造函数的注入优于基于属性的注入

    The Nestjs 文档描述注入依赖项的两种主要方法 基于构造函数 and 基于财产的注射 它还提到 在可能的情况下 基于构造函数的注入应优先于基于属性的注入 而无需任何说明原因 这有什么具体原因吗 还是只是某种代码风格指南 Someon
  • 如何使用 NSURLConnection 与 SSL 连接以获得不受信任的证书?

    我有以下简单的代码来连接到 SSL 网页 NSMutableURLRequest urlRequest NSMutableURLRequest requestWithURL url NSURLConnection sendSynchrono
  • struts2中使用ajax上传文件

    如何使用ajax在struts 2中上传文件 下载Struts2 jQuery 插件并像平常使用 Struts2 那样进行操作
  • 如何在vs2012中添加对程序集的引用

    我需要有关如何在 C 代码中正确添加程序集的帮助 我启动一个空白项目并尝试运行下面的简单代码 但存在引用错误 我知道默认情况下 system dll 包含在引用文件夹下 那么为什么它仍然抱怨 System Configuration未被引用
  • Android 中的向前或向后兼容性?

    我想知道 Android 是否提供任何类型的兼容性 即向前或向后 这意味着 就像在 Blackberry 中一样 如果使用 JDE 4 2 开发应用程序 那么该应用程序将在任何具有 OS 4 2 或更高版本的手机上运行 这意味着它具有向前兼
  • xslt 有 split() 函数吗?

    如何根据某些分隔符拆分字符串 给定一个字符串Topic1 Topic2 Topic3 我想根据分割字符串 生成 Topic1 Topic2 Topic3 在 XSLT 1 0 中 您必须构建一个递归模板 这个样式表
  • 如何在网站上使用表情符号字体?

    我已经下载了谷歌的 诺托彩色表情符号 字体 但无法使其工作 我对 Noto Sans Regular 等字体没有任何问题 但使用 Noto Color Emoji 字体时 我在 Firefox 在 Windows 10 上 中收到以下错误
Powered by Hwhale