标签 font 下的文章

木灵鱼儿 3年前 CSS

css使用系统字体作为网页字体最佳实践

目前前端对字体的选择，最好的做法就是用系统的默认字体，这样省去了对每个操作系统的字体判断，谁知道我们指定的这个字体用户安装没有，而且字体文件一向都很大，特别是中文字体。但是对于指定系统字体，其实也是需要兼容的，这里就放上一个专业的字体文章：《奇思妙想 CSS 文字动画》；虽然这个文章名字叫动画，但是里面内容很丰富，自己学习。以css-tricks的为模板，提取其中精华，大概是这么一条信息：{ font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, ...

4675 0 0

字体 css font

CSS的简写形式合集

木灵鱼儿 6年前 CSS

CSS的简写形式合集

注：| 符号为空格！font：italic（font-style:字体倾斜样式）|small-caps（font-variant:小型大写字母）|bold（font-weight：字体粗细）|12px（font-size：字体大小）/1.5em（line-height：行高）|arial，verdana（font-family：字体）;例：完整写法：font：italic small-caps bold 12px/1.5em arial,verdana;简单写法：font: 12px arial,verdana; [字体大小必须在前面！]简写形式必须要有font-size和font-fa...

3159 0 0

css background css简写合集

CSS3文字渐变效果

木灵鱼儿 6年前 CSS

CSS3文字渐变效果

暂时还是需要加前缀才可以生效，而且只支持webkit，个人测试电脑端新的浏览器都是可以支持的，除了ie不行，手机端我测试了安卓7.0和火狐浏览器，都是可以显示的，所以日常用一用还是可以的！效果图：代码：-webkit-text-fill-color: transparent; background:linear-gradient(to bottom,#666 50%, #aaa 50%); -webkit-background-clip:text; 注意：原理是通过设置文字填充为透明，然后让背景色渐变显示到文字中，background-clip:text将渐变展示为文本大小。由于这个属性...

3242 0 0

text background font

字体阴影

木灵鱼儿 7年前 CSS

字体阴影

text-shadow:10px(横向偏移) 10px(竖直偏移) 10px(模糊程度，可不写) #000000（阴影颜色）;

2737 0 0

偏移 css font

标签：font

css使用系统字体作为网页字体最佳实践

CSS的简写形式合集

CSS3文字渐变效果

字体阴影

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

标签：font

css使用系统字体作为网页字体最佳实践

CSS的简写形式合集

CSS3文字渐变效果

字体阴影

最近评论

博客文章RSS订阅

博客评论RSS订阅