# 介绍网站: Anicon
## 网站内容
- 提供Anicon图标集合，用于网页设计。
## 设计特点
- 使用`.anticon`类定义图标的样式：
- 对齐方式：文本居中（`alignItems: center`），颜色继承（`color: inherit`），垂直居中（`vertical-align: -0.125em`）和优化可读性（`text-rendering: optimizeLegibility`）。
- SVG显示方式调整，确保在不支持SVG的浏览器中也能显示。
- `.anticon > *`元素设置行高为1，保证文字与图标的一致性。
- 移除默认的前缀，如“.anticon::before”，并确保图标的可点击性（`cursor: pointer;`）。
- 对于包含图标的`.anticon`类元素，设置`tabindex`属性值为0，以便鼠标悬停时可以触发焦点事件。
- 对于`.anticon-spin::before`伪元素，设置默认不显示，仅当图标旋转时才显示，增加视觉效果。
## 示例代码
以下是一个简单的Anicon图标使用示例（HTML）：
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anicon Icon Example</title>
<!-- Include the Anicon Font -->
<link href='https://fonts.googleapis.com/css?family=Anicon&display=swap' rel='stylesheet' type='text/css'>
<style>
/* Apply the styles from the above example */
</style>
</head>
<body>
<a href="#" class="anticon icon"><svg aria-hidden="true" focusable="false"><use href="#icon-example"></use></svg></a>
<script src="path_to_your_javascript_file.js"></script>
</body>
</html>
使用说明
请确保你的项目已经安装了Anicon字体库，并在CSS中使用@font-face进行引入。同时，根据实际需求选择合适的图标文件（例如：icon-example.svg）并放置在合适的路径下。
