这篇文章详解css3文字与字体样式
css3使用服务器端字体:
使用服务器端字体 @font-face { font-family: webFont; /*此代码会首先用客户端字体Arial，如果客户端没有用下面一种服务器端字体*/ /*format格式: (ttf):truetype;(otf):opentype*/ src:local("Arial"), url("../../font/ACaslonPro-Bold.otf")format("opentype"); } p{ font-family: webFont; }This is a test p
css3修改字体种类而保持字体尺寸不变:
CSS3 修改字体种类而保持字体尺寸不变 /*x-height:58px; font-size:100px; aspect:0.58; font-size-adjust: 0.56;*/ #p1{ font-family:"Arial Black"; font-size: 16px; font-size-adjust: 0.76; } #p2{ font-family:"Arial"; font-size: 16px; font-size-adjust: 0.56; } #p3{ font-family:"Bodoni MT"; font-size: 16px; font-size-adjust: 0.46; }this isa test p1
this isa test p2
this isa test p3
立即学习“前端免费学习笔记（深入）”；
以上就是详解css3文字与字体样式的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1607899.html
微信扫一扫 
支付宝扫一扫 
