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" />

大多数浏览器都会在控制台中警告此类错误。火狐：

未声明HTML文档的字符编码。如果文档包含US-ASCII范围之外的字符，则文档将在某些浏览器配置中使用乱码文本进行渲染。必须在文档或传输协议中声明页面的字符编码。

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

1 个答案: