关于contenteditable的问题

Question

我想实现一个按回车键就出现一个换行符的效果
本来想的是伪类元素，但是因为有些问题，于是我换成了for循环找到所有的<br>，然后将其换成换行符的图片，因为使用的是svg所以设置的是embed标签
但是现在的问题是，在线上环境测试时，如果敲回车后每一行的高度是20px，但是回车符本身只有10px，那么整个行高就会自适应为10px从而导致出错，但是我在线下环境测试的时候行高并不会出现这个问题，行高依旧是20px。
而且因为我有增大减小字体的功能，如果将换行符的高度固定，那么在增大缩小字体的时候行高也会有问题，请问这个该如何解决呢

Answer 1

在 css 最高优先级的地方引用一个字体，该字体只有一个回车，展示为回车icon
这样命中了回车的，都会显示这个 icon，其他的没有命中，fallback 到其他 font-family 上