37_iconfont.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5209207_75gnoupm8ng.css">
  8. <style>
  9. /* @font-face 定义字体 引入字体库 */
  10. /* @font-face { */
  11. /* 字体名称 */
  12. /* font-family: "iconfont"; */
  13. /* Project id 5209207 */
  14. /* 字体库地址 */
  15. /* src: url('https://at.alicdn.com/t/c/font_5209207_bdvu781tnbt.woff2?t=1783925904214') format('woff2'),
  16. url('https://at.alicdn.com/t/c/font_5209207_bdvu781tnbt.woff?t=1783925904214') format('woff'),
  17. url('https://at.alicdn.com/t/c/font_5209207_bdvu781tnbt.ttf?t=1783925904214') format('truetype'); */
  18. /* } */
  19. /* .iconfont { */
  20. /* 字体名称 */
  21. /* font-family: "iconfont" !important; */
  22. /* font-size: 16px; */
  23. /* font-style 字体样式 normal 正常 italic 斜体 */
  24. /* font-style: normal; */
  25. /* 字体平滑 */
  26. /* -webkit-(webkit浏览器 比如chrome) -moz-(firefox浏览器) 用作与适配不同的浏览器 */
  27. /* -webkit-font-smoothing: antialiased;
  28. -moz-osx-font-smoothing: grayscale; */
  29. /* } */
  30. /* .icon-zhifubao:before {
  31. content: "\e60f";
  32. }
  33. .icon-qq:before {
  34. content: "\e68d";
  35. } */
  36. .icon-qq{
  37. color: red;
  38. font-size: 100px;
  39. }
  40. </style>
  41. </head>
  42. <body>
  43. <i class="iconfont icon-qq"></i>
  44. <i class="iconfont icon-zhifubao"></i>
  45. <i class="iconfont icon-weibo"></i>
  46. </body>
  47. </html>