unicode-range 字体混搭（最近仿写其他网站发现了这个好东西）

最近一直在仿写其他的网站，突然发现了这个东西unicode-range，在百度之后发现了用处。

--------------------------------此处只是写一下用法-------------------------------------------------

[html] view plain copy
 
  1. <html>  
  2. <head>  
  3.     <title></title>  
  4.     <meta charset="utf-8">  
  5.     <style type="text/css">  
  6.         @font-face {  
  7.             font-family: 'mixFont';  
  8.             src: url('fonts/STHeiti-Light.ttf');  
  9.             unicode-range: U+4E00-9FCB;/*汉字字符集*/  
  10.         }   
  11.         @font-face {  
  12.             font-family: 'mixFont';  
  13.             src: url('fonts/HelveticaThin.ttf');  
  14.         }  
  15.         body{  
  16.             font-family:mixFont, Arial;  
  17.             font-size: 2rem;  
  18.         }  
  19.         @font-face {  
  20.             font-family: 'STHeiti';  
  21.             src: url('fonts/STHeiti-Light.ttf');  
  22.         }  
  23.         span{  
  24.             font-family: STHeiti;  
  25.         }  
  26.     </style>  
  27. </head>  
  28. <body>  
  29.     这里是一些中文字符,These are couples of characters excepect Chinese.*&(%$(^651644'Hello world' <span> 'Hello world' so as to comparetion.</span>  
  30. </body>  
  31. </html> 

 还应该再看一下汉字字符集，现在大部分网站都已经选用了这种方法，避免了麻烦和繁琐的代码。

-----------------------------突然发现，自己学习东西有个东西记录点点滴滴真的很有意思---------------------------------------------

学习就是对于未知的东西给予的好奇心与耐心，一旦哪一个先被耗没，一切就结束了。

 

posted @ 2016-10-24 15:41  痴货程序猿  阅读(218)  评论(0)    收藏  举报