OS X EL下我的1080p－13寸屏字体优化策略

libsu

zgfoerty 发表于 2016-4-8 17:02
不是4K屏就别折腾人了、不然怎么显示都是模糊

不是模糊不模糊 是字体小而且发虚的问题

wskpm

好东西，留着用

judao92

其實你沒達到蘋果要求最低的RETINA要求 差一點點 效果肯定不是最好

jax_2016

好东西  下载来看看

Rarawl

试试看看行不行

果冻_熙熙

不会模糊吗？字体

libsu

1. /*三行分别是字体粗细（整百数字），字体样式，字体阴影*/
   
2. *{font-weight:500!important;}
   
3. *{font-family: “Microsoft Yahei”, “Microsoft Yahei” !important; }
   
4. *{text-shadow:0.01em 0.01em 0.01em #999999 !important;}
   
5. /*滚动条*/
   
6. ::-webkit-scrollbar{width: 6px;height: 6px;}
   
7. ::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;}
   
8. ::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
   
9. ::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
   
10. ::-webkit-scrollbar {width: 9px;height: 9px;}
    
11. ::-webkit-scrollbar-track-piece {background-color: transparent;}
    
12. ::-webkit-scrollbar-track-piece:no-button {}
    
13. ::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3px;}
    
14. ::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
    
15. ::-webkit-scrollbar-thumb:active {background-color: #666;}
    
16. ::-webkit-scrollbar-button:vertical { width: 9px; }
    
17. ::-webkit-scrollbar-button:horizontal { width: 9px; }
    
18. ::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
    
19. ::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
    
20. ::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
    
21. ::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }
    
22. body::-webkit-scrollbar-track-piece {background-color: white;}
    
23. /*指向图片绿光*/
    
24. img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
    
25. img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
    
26. /*输入框美化*/
    
27. input { border:#ccc 1px solid; border-radius: 6px; -webkit-border-radius: 6px;-webkit-border-radius: 6px;}
    
28. input[type=”text”]:focus, input[type=”password”]:focus, textarea:focus {border: 2px solid #6FA1D9 !important;-webkit-box-shadow:0px 0px 5px #6FA1D9 !important;outline:none}
    
29. input[type=”checkbox”]:focus,input[type=”submit”]:focus,input[type=”reset”]:focus, input[type=”radio”]:focus {border: 1px solid #6FA1D9 !important; outline:none}
    
30. input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3px ;}
    
31. body a:hover:active {color: #10bae0;}
    
32. body *:focus {outline: 2px solid rgba(16,186,224,0.5) ;outline-offset: 1px ;outline-radius: 2px ;-webkit-outline-radius: 2px ;}
    
33. body a:focus {outline-offset: 0px ;}
    
34. body button:focus,
    
35. body input[type=reset]:focus, body input[type=button]:focus, body input[type=submit]:focus {outline-radius: 2px !important;-webkit-outline-radius: 2px !important;}
    
36. body textarea:focus, body button:focus, body select:focus, body input:focus {outline-offset: -1px !important;}
    
37. /*淡蓝色样式*/
    
38. a{-webkit-transition: all 0.3s ease-out;}
    
39. a:hover{color: #39F !important;text-shadow:-5px 3px 18px #39F !important;-webkit-transition: all 0.3s ease-out;}
    
40. *::-webkit-selection {background: #333333 !important; color: #00FF00 !important; }
    
41. /*去除下划线*/
    
42. *{text-decoration:none!important}
    
43. a:hover{text-decoration:none!important}
    
44. a{
    
45. /*color: #014A8F;*/
    
46. -webkit-transition-property:color;
    
47. -webkit-transition-duration: 0.0s;
    
48. }
    
49. /*指向文字加粗*/
    
50. a:hover {
    
51. /*color: #0000FF ;*/
    
52. -webkit-transition-property:color;
    
53. -webkit-transition-duration: 0.0s;
    
54. font-weight:bold
    
55. }
    
56. /*访问过链接红色*/
    
57. a:visited, a:visited *, a:active, a:active * {color: #FF0000 !important;}

复制代码