Opera-win-12.02的糟糕的字体渲染

时间 2019-11-18

原文原文链接

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>建立一个基本HTML5模板</title>
	<style type="text/css">
	body {
		font-family: "Source Code Pro","Microsoft YaHei",微软雅黑;
	}
	</style>
</head>
<body>
	Hi,你好吗？
</body>
</html>

该段代码在IE八、Chrome 2二、Nightly 19中达到了英文字体使用 "Source Code Pro"，中文使用微软雅黑的目的。可是在Opera 12中却所有显示为微软雅黑。以下图： css

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>建立一个基本HTML5模板</title>
	<style type="text/css">
	@font-face {
		font-family: "SourceCodePro";
		src: url("http://localhost:8888/music/assets/font/SourceCodePro/TTF/SourceCodePro-Regular.ttf") format("truetype");
		font-weight: normal;
	}
	body {
		font-family: SourceCodePro,"Microsoft YaHei",微软雅黑;
	}
	</style>
</head>
<body>
	Hi,你好吗？
</body>
</html>

该段代码使用 @font-face 将 "Source Code Pro"字体变为网络字体后，不考虑IE8的状况下， Chrome 2二、Nightly 19依旧正常，可是Opera 12英文显示正常，可中文却使用了Opera默认中文字体宋体。以下图：

摁住Ctrl + F5键，能够感觉到开始Opera如以前状况同样，使用了微软雅黑渲染，但接着再次使用 SourceCodePro字体渲染，因为 SourceCodePro是英文字体，对于中文则使用了浏览器默认的宋体。猜测的。 html