跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 前端能不能实现只更改数字的字体?
未分類
26 5 月 2020

前端能不能实现只更改数字的字体?

前端能不能实现只更改数字的字体?

資深大佬 : GeekSky 2

有个 wordpress 的主题,中文和英文字体我都喜欢,就是数字使用的字体太难看了,可以只更改数字的字体吗?

大佬有話說 (16)

  • 資深大佬 : luzemin

    找个只有数字的字体,应用样式的时候写在第一位,那就只影响了数字。理论应该是这样。比如:font-family:NumberFonts,defaultFonts

  • 資深大佬 : codehz

    (@font-face unicode-range 了解一下,可以根据 unicode 范围来决定使用某种字体
    https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range

  • 資深大佬 : dr2009

    https://www.zhangxinxu.com/wordpress/2016/11/css-unicode-range-character-font-face/

  • 資深大佬 : murmur

    当然可以,反爬虫的必修课就是修改数字的字体

  • 資深大佬 : geelaw

    另外一提,unicode-range 的技巧常用于选择正确的标点字形,例如希望文本里的拉丁文本使用字体 A 、汉语文本使用字体 B 。
    由于汉语字体包括拉丁文本的,你需要设置字体为 A B,但这会导致引号、省略号使用拉丁文本字形。
    此时可以用 font-face + unicode-range 设置字体 C,它只包括引号、省略号,并使用字体 B 的字形。最后设置字体为 C A B 即可。

  • 資深大佬 : lupkcd

    1L 方法可行

  • 資深大佬 : darmau

    2 正解。

    如果没有那种只有数字的字体咋办?还得自己再拆开做个字体出来?

  • 資深大佬 : a62527776a

    我以前用过 Fontmin 这个工具 可以把字体中你想要的部分拆出来

  • 資深大佬 : a62527776a

    https://github.com/ecomfe/fontmin

  • 資深大佬 : gitjavascript

    可以啊,换个数字字体就好了啊

  • 資深大佬 : ODD10

    @darmau #7
    用字蛛,http://font-spider.org/
    可以利用压缩提取想要的字体

  • 資深大佬 : ODD10

    如果像上直接使用只用多套字体,体积不小,纯数字推荐自己压缩再使用

  • 資深大佬 : sunziren

    13 正解

  • 資深大佬 : baobao1270

    第一个问题我说个比较 dirty 的解决方法:js 查找数字,然后替换为 <span class=”number-font”>数字</span>,在 number-font 类应用数字字体。好处非纯数字字体也可这样用,不用拆字体(拆字体也会引发法律问题),而且简单粗暴,不需要额外的学习成本。

    第二个问题,首先你要知道这样做并不对搜索引擎友好,如果工信部使用自动化脚本核查的话,也很有可能认为你没有标注备案号。如果你一定要这么做的话,可以用 CSS 的 ::after 伪类。

  • 資深大佬 : red2dog

    @font-face 可以指定使用字体的字符的。你搜一下就有了。我们 app 网页就是数字指定等宽的商业字体。字体文件是设计师给的。

  • 資深大佬 : elevencloud

    用字蛛把数字 0-9 抽离一下吧

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具