jquery - 光滑的旋转木马图标显示 DOT 和 AT 但没有图标

Question

我正在使用 Slick Carousel。

旋转木马运行良好 - 效果很好!

但是图标没有显示，下一个和上一个只是说“AT”，点分页只是说“点”没有图标!

有什么想法吗？

 Folder structure:
 root/index.html
 root/slick/[js /css]
 root/slick/fonts

CSS (Slick-theme.css)

/* Icons */
@font-face
{
       font-family: 'slick';
       font-weight: normal;
       font-style: normal;

       src: url('slick/fonts/slick.eot');
       src: url('slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('slick/fonts/slick.woff') format('woff'), url('slick/fonts/slick.ttf') format('truetype'), url('slick/fonts/slick.svg#slick') format('svg');
}

JS

<script>
    $('.autoplay').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        dots: true,
        speed: 800,
        autoplay: true,
        autoplaySpeed: 5000,
    });
</script>

HTML

<div class="slider autoplay">
    <div><h3>1</h3></div>
    <div><h3>2</h3></div>
    <div><h3>3</h3></div>
    <div><h3>4</h3></div>
    <div><h3>5</h3></div>
    <div><h3>6</h3></div>
</div>

Answer 1

您需要指定字符编码。将此添加到页面顶部:

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

大多数浏览器在控制台中都有针对此类错误的警告。火狐:

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.