记录关于字体图标,我不知道的点

63 阅读1分钟

背景:rax开发项目,用到字体图标,在阿里图标库找到的图标,给出的unicode编码,直接拿到rax中使用,不显示图标,直接展示编码内容 解决方式:使用\ue61d,而不是 rax文档:rax.alibaba-inc.com/docs/compon…

image.png

image.png

\ue61d的区别

  1. &#xXXX;是HTML实体的表示方式,通常用于HTML中
  2. \uXXX通常在CSS或者JavaScript中用来表示Unicode字符
  3. 两者表示同一字符,只是表示方法不同,使用环境不同

中的&#x和;以及\u分别表示什么

  1. &和;分别是开始和结束的标志
  2. #:表示接下来的字符是一个数字字符引用,告诉浏览器查找特定的Unicode码点
  3. x:表示接下来的数字以十六进制形式表示,而不是十进制。如果没有x,那么接下来的数字将被认为是十进制数表示的Unicode码点。
  4. e61d:具体的Unicode字符的十六进制数字 5.\u是一个转义序列的前缀,用于指示接下来的字符序列是一个Unicode字符的码点。通常,\u后面会跟随4位十六进制数,这4位数代表一个Unicode码点。