博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css实现每行显示固定字符长度(变态需求)
阅读量:5795 次
发布时间:2019-06-18

本文共 658 字,大约阅读时间需要 2 分钟。

实现方案
  • 使用宋体字体

优势:1.字母符号等宽; 2.汉子宽度为其他一个字符的两倍符合我们的要求;3.字体宽度正好为font-size的一半

  • 百度下载宋体ttc格式;
  • 转换其他格式
  • 为什么font-face要同时设置ttf eof woff woff2 svg这么多格式;

IE浏览器:EOT Mozilla浏览器:OTF,TTF Safari浏览器:OTF,TTF,SVG 歌剧:OTF,TTF,SVG Chrome浏览器:TTF,SVG

@font-face { font-family: 'simsun'; src: url('./font/simsun.woff2') format('woff2'), url('./font/simsun.woff') format('woff'), url('./font/simsun.ttf') format('truetype'), url('./font/simsun.eot') format('embedded-opentype'), url('./font/simsun.svg') format('svg'); font-weight: normal; font-style: normal;}.wrap { font-family: simsun; width: (字符个数/2) em;}复制代码

转载于:https://juejin.im/post/5cdbc48f51882534b84ec338

你可能感兴趣的文章
Java IO流详尽解析
查看>>
邮件服务系列之四基于虚拟用户的虚拟域的邮件系统(安装courier-authlib以及部分配置方法)...
查看>>
Linux VSFTP服务器
查看>>
《中国梦之声》新季开播 乐视生态“逆向造星”
查看>>
我的友情链接
查看>>
DHCP中继数据包互联网周游记
查看>>
oracle学习笔记-第四篇
查看>>
我的友情链接
查看>>
IBM MQ通道
查看>>
我的友情链接
查看>>
ichartjs的使用
查看>>
Arduino可穿戴开发入门教程Arduino开发环境介绍
查看>>
解决 squid The basicauthenticator helpers are crashing too rapidly, need help
查看>>
XamarinEssentials教程首选项Preferences判断项目是否存在
查看>>
Linux 添加Nginx 到 service 启动 (完整篇)
查看>>
vmware通过地址连接SSH secureCRT解决缓慢的速度连接
查看>>
runtime
查看>>
[转载]安装完 MySQL 后必须调整的 10 项配置
查看>>
SpringMVC拦截器(资源和权限管理)
查看>>
laravel的模板继承的使用
查看>>