Skip to content

Instantly share code, notes, and snippets.

@chawyehsu

chawyehsu/index.html

Created August 20, 2017 15:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chawyehsu/48f655ad9a1a9d63635e4510b1a4db1a to your computer and use it in GitHub Desktop.
Save chawyehsu/48f655ad9a1a9d63635e4510b1a4db1a to your computer and use it in GitHub Desktop.
Download ZIP
思源字体网页 font-family 指定 test case（仅简中）
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>思源字体网页 font-family 指定 test case（仅简中）</title>
<style>
body {
font-family: simsun,serif;
font-weight: normal;
}
p {
margin: 0;
margin-bottom: 16px;
}
</style>
</head>
<!-- 须本机自行安装思源字体集 -->
<body>
<!-- Adobe: Sans, Language-specific OTFs -->
<p style="font-size:32px;font-weight:300;font-family:'Source Han Sans SC';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<p style="font-size:32px;font-weight:400;font-family:'思源黑体';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<!-- Adobe: Sans, Region-specific Subset OTFs -->
<p style="font-size:32px;font-weight:500;font-family:'Source Han Sans CN';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<p style="font-size:32px;font-weight:600;font-family:'思源黑体 CN';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<!-- Google: Sans, Language-specific OTFs -->
<p style="font-size:32px;font-weight:700;font-family:'Noto Sans CJK SC';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<!-- Google: Sans, Region-specific Subset OTFs -->
<p style="font-size:32px;font-weight:800;font-family:'Noto Sans SC';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<!-- Adobe: Serif, Language-specific OTFs -->
<p style="font-size:32px;font-weight:300;font-family:'Source Han Serif SC';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<p style="font-size:32px;font-weight:400;font-family:'思源宋体';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<!-- Adobe: Serif, Region-specific Subset OTFs -->
<p style="font-size:32px;font-weight:500;font-family:'Source Han Serif SC';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<p style="font-size:32px;font-weight:600;font-family:'思源宋体';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<!-- Google: Serif, Language-specific OTFs -->
<p style="font-size:32px;font-weight:700;font-family:'Noto Serif CJK SC';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
<!-- Google: Serif, Region-specific Subset OTFs -->
<p style="font-size:32px;font-weight:800;font-family:'Noto Serif SC';">这句话后来演变成“饮水思源”这个成语，The quick brown fox jumps over the lazy dog.</p>
</body>
</html>
@chawyehsu
Copy link
Author

screenshot:

tim20170821000055

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment