HTML / CSS-双倍宽，双高等宽字体
保罗
我正在尝试在HTML / CSS中模拟收据打印机以模板化收据。该打印机是典型的爱普生ESC / POS打印机，具有打印双高纸幅，双宽纸幅或两者的能力。
所有这些都必须是等宽字体，因为打印机的正常状态下有40列，而双倍宽或双倍宽/高则有20列。Double-wide / tall不是问题，我可以将CSS中字体的大小加倍，并且两个尺寸都可以缩放。单独的粗体功能使情况更加复杂。
有人有建议吗？支持此的特定字体？HTML / CSS的能力可以复制吗？
我试过了：
font-stretch：-仅适用于某些字体，据我所知，仅适用于窄字体/普通字体。我还没有找到窄字体的等宽字体。transform:scale()：可以，但是参考对象的中心，所以我将必须获取渲染的大小，然后将其移动并调整行高。我希望比例尺有第三个指定参考点的参数。- 其他各种字体：我看过但没有找到任何字体，它们具有各种各样的字体，或者可以组合使用，例如与标准等宽字体非常接近的双倍宽字体。
- 自定义字体：听起来似乎合理，但超出我的想象。
还有什么比transform:scale()呢？
编辑：
这是一张图片，用快递员16px，快递员32px和scale（2,1）和scale（1,2）完成，但我不得不将双倍宽文本移动为带有translate（27px）。
创建图像的jsfiddle：http : //jsfiddle.net/ja7br/
布莱克·曼
如果您对使用transform: scale();感到满意，但仅希望能够控制转换点，则应该使用解决您的问题transform-origin。
例如，transform-origin: 0 0;将告诉比例尺样式源自左上角。
观看演示：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS / HTML创建两个并排的等宽可折叠列，使用网格在扩展后保留列宽吗？
- 2
更改 HTML 和 CSS 中的列宽
- 3
带有等宽字体列的html表
- 4
外部CSS的@import字体VS HTML链接
- 5
HTML字体由于CSS格式无法点击
- 6
将字体导入CSS或HTML吗？
- 7
CSS字体平滑HTML电子邮件
- 8
使用 CSS 更改 HTML 按钮字体
- 9
用CSS绘制1/2或1/4等宽线
- 10
CSS-使sans-serif字体模仿等宽字体
- 11
全宽引导 html/css 表不起作用
- 12
如何在theme.css中选择本机等宽字体？
- 13
带有CSS的div的双倍字体大小
- 14
需要CSS / HTML中的字体名称大写吗？
- 15
HTML / CSS：表格字体大小在移动设备中不同
- 16
字体/文本在iOS设备上显示不清晰（HTML / CSS）
- 17
HTML / CSS自定义字体未实现
- 18
HTML / CSS-使用自定义字体/ FontSquirrel
- 19
HTML / CSS：在保留行高的同时混合字体
- 20
左侧小面板-浮动字体无法正常运行HTML CSS
- 21
HTML / CSS自定义字体未实现
- 22
在 HTML/CSS 中使用自定义字体
- 23
使用真棒字体（HTML、CSS）纠正移动设备的链接中断
- 24
HTML / CSS容器宽度
- 25
HTML / CSS列滚动
- 26
HTML + CSS导航问题
- 27
从HTML提取CSS
- 28
CSS未导入HTML
- 29
底部的HTML CSS页脚
我来说两句