哈喽!各位观众老爷们,今天咱们来聊点刺激的——CSS压感显示结合font-variation-settings玩转字体粗细!这可不是什么花拳绣腿,而是能让你网页排版瞬间高大上的黑科技!准备好了吗?系好安全带,咱们发车啦! 第一站:压感显示,是啥玩意? 首先,我们要搞清楚什么是“压感显示”。简单来说,它就是指屏幕能感知你手指按压的力度,并根据这个力度做出不同的反应。比如,你轻轻一点,可能只是选中;用力一按,就直接打开了。 虽然目前在桌面端网页应用中,压感显示的应用还不是特别普及(毕竟谁没事在电脑屏幕上用力戳戳戳呢?),但在支持压感笔的设备(比如平板电脑)上,或者未来的触摸屏设备上,这玩意儿的潜力可大了! 想象一下,你在一个设计网站上用压感笔画画,笔尖越用力,线条就越粗,这感觉是不是很棒?或者在一个阅读App里,你按压屏幕的力度越大,字体就越粗,方便你集中注意力,简直不要太贴心! 第二站:font-variation-settings,字体的变形金刚! 接下来,我们来认识一下font-variation-settings。这玩意儿是CSS里专门用来控制可变字体的。 什么叫可变字体?传统的字 …
继续阅读“CSS `Pressure Sensitive Displays` (压感显示) 结合 `font-variation-settings` 改变字体粗细”