Stsong-light Font -
</body> </html>
<h1>STSung Light 字体示例</h1>
.chinese { font-family: "STSung Light", "华文宋体", "STSong", "SimSun", "宋体", serif; } </style> </head> <body> stsong-light font
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>STSong Light Font Example</title> <style> /* Apply STSong Light with fallbacks */ body { font-family: "STSong Light", "华文宋体", "STSong", "SimSun", "宋体", serif; font-weight: 300; /* Light weight */ font-size: 1.2rem; line-height: 1.5; background-color: #f9f9f9; color: #222; padding: 2rem; max-width: 800px; margin: 0 auto; } h1 { font-family: "STSong Light", "华文宋体", "STSong", serif; font-weight: 300; font-size: 2.5rem; border-bottom: 1px solid #ccc; padding-bottom: 0.5rem; }
<div class="sample"> <div class="label">中文文本</div> <div class="chinese" style="font-size: 1.2rem;"> 轻如羽翼，细若游丝。STSung Light 展现出宋体字特有的优雅与轻盈。 春江潮水连海平，海上明月共潮生。 </div> </div> .english { font-family: "STSung Light"
<div class="sample"> <div class="label">English Text</div> <div class="english" style="font-size: 1.2rem;"> The quick brown fox jumps over the lazy dog.<br> STSung Light offers a delicate, refined serif appearance suitable for literary and elegant designs. </div> </div>
.sample { margin: 1.5rem 0; padding: 1rem; background: white; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } "Times New Roman"
You can save this as an .html file and open it in any browser. It clearly shows how the font looks for Chinese and English text, and explains the fallback behavior.
.english { font-family: "STSung Light", "STSong", "Times New Roman", serif; }
<div class="sample"> <div class="label">Font Stack Used:</div> <code style="background: #eee; padding: 0.2rem 0.4rem; border-radius: 4px;"> font-family: "STSung Light", "华文宋体", "STSong", "SimSun", "宋体", serif; </code> <p style="margin-top: 1rem; font-size: 0.9rem; color: #555;"> ⚠️ Note: "STSung Light" (also known as STSong Light or 华文宋体细体) is typically available on macOS and some Windows systems if you have installed Adobe or Apple fonts.<br> If not present, the browser will fall back to standard STSong, SimSun, or the default serif font. </p> </div>
