WebFont & CSS3 交響曲
- 7. ○
○
http://rocodev.com
- 8. ○
○
○
http://rocodev.com
- 9. ○
○
○
○
http://rocodev.com
- 10. ○
○
○
○
○
http://rocodev.com
- 11. ○
○
○
○
○
○
http://rocodev.com
- 15. ○
○
http://rocodev.com
- 16. ○
○
○
http://rocodev.com
- 21. ○
○
http://rocodev.com
- 22. ○
○
○
http://rocodev.com
- 23. ○
○
○
○
http://rocodev.com
- 24. ○
○
○
○
○
http://rocodev.com
- 25. ○
○
○
○
○
○
http://rocodev.com
- 26. ○
○
○
○
○
○
○
http://rocodev.com
- 27. ○
○
○
○
○
○
○
○
http://rocodev.com
- 32. ○
○
http://rocodev.com
- 33. ○
○
○
http://rocodev.com
- 42. @font-face {
font-family: 'web-font';
src: url('web-font.eot?') format('eot'), IE
url('web-font.woff') format('woff'), Chrome, Firefox... 未來標準
url('web-font.ttf') format('truetype'), Safari, Firefox, Opera
url('web-font.svg') format('svg'); Legacy iOS
font-weight: normal;
font-style: normal;
}
http://rocodev.com
- 60. // html
<h1 class="type1">
<span class="char1">黑</span>
<span class="char2">與</span>
<span class="char3">白</span>
<span class="char4">的</span>
<span class="char5">饗</span>
<span class="char6">宴</span>
</h1>
// css
h1 span:nth-child(1) {}
h1 .char1 {}
http://rocodev.com