CSS3导入字体后用另外一种索引去加载字体里面的字符的问题。

上面的图为正常引用字体里面对应的字符标示！

在页面展示只需要一个class 就能引用出来。

但是我发现一些国外的网站模板里面引用可另外一种索引方式

介绍如下：

第一步引用字体

第二步：

加载class字体

在页面上引入css

下面就是页面展示的参数，拿其中一个举例子：

展示效果“

他在span标签引用这个icon 但是没有指定我们正常模式下面的例如 icon-car 这样而是统一了icon 用了一个html的字符编码&#61xxx

我用typeTool3字体查看器打开字体查看，并没有发现什么61xx开头的对应的东西

如下图

我的问题那个对应的索引61xx 是怎么算出来。。。

请大牛帮忙解答一些，O(∩_∩)O谢谢

百度大牛邮件回复：

只是引用Unicode码位的进制不同。61700是十六进制的f104转成十进制的结果。

CSS中，引用字符写在了icon对应伪元素的content属性中，比如angle-left这个图标对应的CSS是：content: "\f104"; ? f104是这个字符的Unicode编码

除了常见的预先命名的  < >等字符，HTML 中也可以使用Unicode形式引入字符，可参考HTML规范：

http://www.w3.org/TR/html/syntax.html#character-references

十进制引用：

十六进制引用：

时间： 2024-11-19 10:56:46

CSS3导入字体后用另外一种索引去加载字体里面的字符的问题。的相关文章

vue超简单加载字体方法,解决scss难加载字体的问题

vue超简单加载字体方法,解决scss难加载字体的问题 scss在加载字体方面一直不太好用,需要繁杂的配置才能达到想要的效果,这里说一种非常简单的方法在App.vue的style标签下引入字体文件后,scss设置的字体依旧可以正确识别,注意style的lang不要写,就使用原生css 示例引入 <style> @font-face{ font-family: pingfang; src: url('./style/pingfang.ttf') } </style> 然后想要的位置

IIS无法加载字体文件(.woff,.svg)的解决办法

在编写前端代码的过程中经常会遇到使用特定的字体(*.woff,*.svg),此时在加载字体时请求会被返回 Failed to load resource: the server responded with a status of 404 (Not Found). 原因是,默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型,因此在客户端请求此类文件时得到的都是404. 所以我们只需要在我们对应网站下的Mime类型中添加文件对应的类型就行了 .woff application/

ready是先执行的，load后执行，DOM文档的加载步骤

在jq中在文档载入完毕后有这几种方式去执行指定函数: $(document).ready(function() { // ...代码... }); //document ready 简写 $(function() { // ...代码... }); $(window).load(function() { // ...代码... }); $(function(){}) 的方式其实是 $(document).ready() 的简写,具体可以看看jq构造器那块. ready与load谁先执行这个问题

CSS远程加载字体

CSS 远程加载字体的方法,做网站CSS的都知道,用户浏览网站时,网页上的字体是加载本地的.换言之,如果网站使用了用户电脑所没有安装的字体,那显示字体就会被默认字体所代替了,自然效果就大受影响了. 上网搜索了下,这个问题,其实还是有解决办法的.那就是,准备一个或几个字体文件,放置到服务器上,再用 CSS 的方法把字体加载到网页中,这样,即使用户电脑中没有某一种字体,也可以正常显示! 以微软雅黑为例,一般来说,VISTA 系统和现在的 win7 系统都自带了这种字体,但 winXP 却没有.如果网

WPF 从文件加载字体

本文告诉大家从文件加载字体.在wpf 使用 fontfamily 显示指定的 ttf 显示字体假如有字体在 C:\Projects\MyProj\free3of9.ttf ,可以使用 PrivateFontCollection 添加字体. 下面的代码就可以使用本地的 free3of9.ttf ,需要注意添加的 FontFamily 是需要知道字体名,和传入 PrivateFontCollection 才可以使用. PrivateFontCollection collection = new P

react-router的3种按需加载介绍

react-router的3种按需加载介绍:https://blog.csdn.net/jackTesla/article/details/80792110 react-router的按需加载(推荐第三种) 第一种: 利用react-loadable这个高级组件,要做到实现按需加载这一点,我们将使用的WebPack,babel-plugin-syntax-dynamic-import和react-loadable. webpack内置了对动态导入的支持; 但是,如果使用Babel(将JSX编译为

[原]零基础学习SDL开发之在Android使用SDL2.0加载字体

在上一篇文章我们知道了如何在android使用SDL2.0来渲染显示一张png图,而且在上上一篇我们知道如何使用sdl来渲染输出bmp图,那么sdl是否可以渲染输出自己喜爱的字体库的字体呢?答案是当然可以. 我们需要移植SDL_ttf字体库来支持相应的字体的渲染输出. 一.移植SDL_ttf库: 使用如下命令,从SDL Mercurial获取SDL_image的源码: hg clone https://hg.libsdl.org/SDL_ttf/ 将SDL_ttf拷贝到在上一篇文章中的andro

三种基本网络加载图片方式

代码片段(6) [全屏查看所有代码] 1. [代码]普通加载网络方式 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 public class NormalLoadPictrue {

androidStudio中如何加载字体资源?

在android中字体的格式总是不能尽善尽美的显示出来 , 于是要求我们使用一些有美感的字体,加载的方式(就像HTML的字体一样),我们需要通过加载字体的方式来使用android中不曾提供的字体; 首先在androidstudio中找到assets文件夹 , (位于serc/main/java下,与res在同一个文件里面) , 找到之后将字体文件(*.ttf)放入这个文件夹下(当然为了规范起见,我们可以再asseets下建立一个font文件夹表示存放字体文件). 如图所示: 资源存放成功之后,