<!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