CSS：margin cut accent

Question

我正在尝试制作一个匹配背景边距的标题：两行不同颜色的标题，每个标题的边距大小，两者之间没有空格 其中一个问题是line-height忽略了特殊字符的高度（这里是一个重音），因此即使行高与其高度相匹配，行之间也有空格。我使用jQuery使其适应性

以下是一些代码：

var marg = 0.09;
var size = 0;

function textsize() {
  size = $(window).height() * marg;
  $("#title").css({fontSize: size});
  $("#title").css('line-height', size+"px")
}
$(window).on('resize', function() {
  textsize();
});
$(document).ready(textsize());

我还使用了line-height = 100%;，而不是更好

谢谢！

编辑：
关于JsFiddle的例子：https://jsfiddle.net/enuoLcut/