Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Safari 5.1 SVG字体不起作用的文本溢出省略号_Html_Css_Svg_Safari_Font Face - Fatal编程技术网

Html Safari 5.1 SVG字体不起作用的文本溢出省略号

Html Safari 5.1 SVG字体不起作用的文本溢出省略号,html,css,svg,safari,font-face,Html,Css,Svg,Safari,Font Face,我有一个div,带有文本溢出:省略号和字体系列:'SomeSvgFont'。 除了Safari 5.1之外,文本包装在所有浏览器中都可以正常工作,而不是example@gmai...div显示… 例如,如果字体是woff类型,则不会出现这种情况,但我更喜欢在webkit浏览器(包括Safari)中使用svg以实现更好的字体平滑 我已经在Windows和OS X上的Safari 5.1上进行了测试(Mac上的Safari更高版本工作正常) 这个问题有解决办法吗 以下是一个示例,以及完整的代码: @

我有一个
div
,带有
文本溢出:省略号和
字体系列:'SomeSvgFont'
。 除了Safari 5.1之外,文本包装在所有浏览器中都可以正常工作,而不是
example@gmai...
div显示

例如,如果字体是woff类型,则不会出现这种情况,但我更喜欢在webkit浏览器(包括Safari)中使用svg以实现更好的字体平滑

我已经在Windows和OS X上的Safari 5.1上进行了测试(Mac上的Safari更高版本工作正常)

这个问题有解决办法吗

以下是一个示例,以及完整的代码:

@font-face {
    font-family: 'AsapRegular';
    font-style: normal;
    font-weight: 400;
    src: url('url_to_my_svg_font') format('svg');
}

.wrap {
    font-family: 'AsapRegular', sans-serif;
    width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


<div class="wrap">example@gmail.com</div>
@font-face{
字体系列:“AsapRegular”;
字体风格:普通;
字体大小:400;
src:url('url_to_my_svg_font')格式('svg');
}
.包裹{
字体系列:“AsapRegular”,无衬线;
宽度:6em;
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
}
example@gmail.com

这个问题也发生在chrome windows上。通过关闭“文本呈现:优化易读性”解决了我的问题。

您必须支持N-2版本的浏览器吗?Saf6已经存在一段时间了。特别是在Windows上:除了webdevelopers,还有谁还在使用Safari?当苹果想要两个版本的时候,测试起来很方便,但现在呢?谢谢@FelipeAls。我知道Safari 5.1很少见,但不幸的是,我们的一些客户仍在使用它。我可能不会花太多时间来解决这个问题,但是如果有一个快速的解决方法,我很乐意知道。