<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta name="robots" content="all">
    <meta name="keywords" content="Aa字库，Aa字体，翰美互通，字体，中文字体，字体下载，商用字体，字体授权，免费字体下载，字体设计，艺术字体">
    <meta name="description" content="Aa字库成立于2015年，致力于创造原创设计风格独树一帜的商用字体。目前版权字体超3000套，包括专业字体、创意字体、书法字体、手写字体、装饰字体等。">
    <title>Aa字库-让企业用字无忧</title>
    <script>
        function changeFontSize(){
            if(document.documentElement.clientWidth <= 1920){
                var w = Math.max(670, document.documentElement.clientWidth)
                document.documentElement.style.fontSize = w / 19.2+ "px";
            }else {
                document.documentElement.style.fontSize = "100px";
            }
        }
        changeFontSize();
        window.onresize = function(){
            changeFontSize();
        }
    </script>
    <script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280712097&web_id=1280712097"></script>
    <script>
        var _czc = _czc || [];
        _czc.push(["_setAccount", "1280712097"]);
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-149599449-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-149599449-1',  {'page_title': '首页'});
    </script>
    <link href="./css/aos.css" rel="stylesheet">
    <link href="./css/swiper.min.css" rel="stylesheet">
    <link href="./css/reset.css" rel="stylesheet">
    <link href="./css/common.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
</head>
<body>
<header class="header">
    <div class="header-center">
        <a href="./index.html"><img class="logo" src="./img/logo.png"></a>
        <div class="nav">
            <ul class="nav-menu">
                <li class="nav-item"><a href="./product.html">字体产品</a></li>
                <li class="nav-item dot"></li>
                <!-- <li class="nav-item"><a href="./news2.html">新闻活动</a></li> -->
                <!-- <li class="nav-item dot"></li> -->
                <li class="nav-item"><a href="./partner.html">正版授权</a></li>
                <li class="nav-item dot"></li>
                <li class="nav-item"><a href="./customized.html">定制业务</a></li>
                <li class="nav-item dot"></li>
                <li class="nav-item"><a href="./contribute.html">投稿</a></li>
                <li class="nav-item dot"></li>
                <li class="nav-item"><a href="./about.html">关于我们</a></li>
                <li class="nav-item" onclick="toggleSearch(0)"><img src="./img/search-bar-inpt.png" class="search-icon"></li>
            </ul>
            <div class="search-wrap hide">
                <input class="search-custom-input" placeholder="输入您要查找的字体名称" oninput="handleInputChange()">
                <div class="search-active-icon" onclick="findFont()"></div>
                <span class="cancel" onclick="toggleSearch(1)">取消</span>
            </div>
        </div>
    </div>
</header>
<div class="container">
    <div class="index-part-one">
        <div class="center">
            <img src="img/index/part-one.gif" class="part-one-gif">
        </div>
    </div>
    <div class="index-part-two">
        <div class="center">
            <div class="top" data-aos="fade-up" data-aos-delay="100" id="AaFont">
                <div class="left">
                    <div class="title">Aa字库—让企业用字无忧</div>
                    <p>Aa字库致力于打造性价比更高的字体，专业服务让企业真正用字无忧。</p>
                    <p>Aa字库成立于2015年，致力创造原创设计风格独树一帜的版权字体。团队专业设计人员占比过半。拥有中西文字库版权超3000套。截止到目前，已有10万家企业选择Aa字库版权字体。</p>
                    <p>近年来，我们也通过字体大赛、IP跨界合作、公益合作等方式来推动字体行业的发声，希望以微薄之力助力中国汉字文化沉淀、创新。</p>
                </div>
                <img src="./img/index/part-two-icon.png" class="icon">
            </div>
            <div class="hot-font hide" id="hot-font" data-aos="fade-up" data-aos-delay="100">
                <div class="title">热门字体</div>
                <div class="img-box"></div>
                <div class="hot-font-list">
                    <div class="swiper-container" id="hot-font-swiper">
                        <div class="swiper-wrapper" id="hot-font-swiper-wrapper"></div>
                        <div class="swiper-pagination"></div>
                        <button class="swiper-button-prev"></button><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
                        <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
                    </div>
                </div>
            </div>
            <div class="custom-made" data-aos="fade-up" data-aos-delay="100" id="custom-made">
                <div class="left">
                    <div class="title">定制业务</div>
                    <img src="./img/index/picture-01.png" class="icon">
                </div>
                <div class="right">
                    <p>定制字体，顾名思义即根据品牌形象和企业要求定制专属字体，定制范围包括品牌Logo、产品包装、字幕文字等品牌形象相关的字体使用场景。</p>
                    <p>定制字体不仅便于企业灵活应用于市场宣传，更是品牌个性和文化的鲜活输出。</p>
                    <p>作为一个年轻有活力的字库公司，Aa字库基于专业的字体设计能力，更有独特的创意策划能力，相信能够为客户提供更精准和个性化的定制服务。</p>
                </div>
            </div>
            <div class="business-cooper" data-aos="fade-up" data-aos-delay="100" id="business-cooper">
                <div class="left">
                    <div class="title">商务合作</div>
                    <p>汉语、汉字一直是我国人民在悠悠历史中进行沟通交流的重要手段。发展到现今，随着大众审美地不断变化，字体设计也在层出不穷。Aa字库在这时代大趋向中，希望可以贡献出自己的一份力量。我们拥有优秀的设计团队和市场团队，如果您也喜欢汉字关注字体设计，希望通过字体展现您的作品或品牌，请联系我们，Aa字库期待与您共同打造与字体相关的优质案例。</p>
                </div>
                <img src="./img/index/picture-02.png" class="icon">
            </div>
            <div class="picture" data-aos="fade-up" data-aos-delay="100" id="picture">
                <div class="title">部分合作伙伴</div>
                <img src="./img/index/picture-03.png" class="icon">
            </div>
        </div>
    </div>
    <div class="index-part-three">
        <img src="./img/fix-font-hua.png" class="fix-font-hua">
        <img src="./img/fix-font-er.png" class="fix-font-er">
        <img src="./img/fix-font-jiu.png" class="fix-font-jiu">
        <img src="./img/fix-font-leng.png" class="fix-font-leng">
    </div>
</div>
<footer class="footer">
    <div class="center">
        <a href="./index.html"><img class="footer-logo" src="./img/footer-logo.png"></a>
        <div class="footer-right">
            <div class="footer-row clear-fix">
                <div class="footer-column">
                    <div class="footer-nav-item page-nav"><a href="./product.html">字体产品</a></div>
                    <div class="footer-nav-item"><a href="./index.html#AaFont">Aa字库</a></div>
                </div>
                <div class="footer-column">
                    <div class="footer-nav-item page-nav"><a href="./partner.html">授权合作</a></div>
                    <div class="footer-nav-item"><a href="./partner.html#authorization-explain">授权说明</a></div>
                    <div class="footer-nav-item"><a href="./partner.html#authorization-custom">个性定制</a></div>
                    <div class="footer-nav-item"><a href="./partner.html#authorization-contact">联系方式</a></div>
                </div>
                <div class="footer-column">
                    <div class="footer-nav-item page-nav"><a href="./contribute.html">作品投稿</a></div>
                    <div class="footer-nav-item"><a href="./contribute.html#download">下载文档</a></div>
                    <div class="footer-nav-item"><a href="./contribute.html#upload">上传作品</a></div>
                    <div class="footer-nav-item"><a href="./contribute.html#author">优秀作者</a></div>
                    <div class="footer-nav-item"><a href="./contribute.html#contribute-contact">联系方式</a></div>
                </div>
                <div class="footer-column">
                    <div class="footer-nav-item page-nav"><a href="./about.html">关于我们</a></div>
                    <div class="footer-nav-item"><a href="./about.html#introduce">公司介绍</a></div>
                    <div class="footer-nav-item"><a href="./about.html#info">公司信息</a></div>
                    <!-- <div class="footer-nav-item"><a href="./news.html">新闻活动</a></div> -->
                </div>
            </div>
            <div class="hr clear-fix"></div>
            <!-- <div class="contact">邮箱：xiexiaobin@aafont.com.cn</div> -->
            <div class="copyright">Copyright© 2019 翰美互通  <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow noopener">闽ICP备19011159号</a></div>
        </div>
    </div>
</footer>
<script src="./js/jQuery-2.1.3.min.js"></script>
<script src="./js/aos.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js/index1.js"></script>
<script>
    AOS.init({
        easing: 'ease-in-out-sine',
        duration: '1000'
    });
</script>
</body>
</html>
