css - 光滑的幻灯片点显示为奇怪的字符

Question

我正在使用 slick.js 创建幻灯片。除了点之外，一切都很好。它们出现了，但它们显示为这个奇怪的字符串 ( http://newsinteractive.post-gazette.com/40for10/img/slideshow/weird_chars.png )。

我的代码似乎是正确的。怎么了？

j查询:

$('#slideshow2').slick({
    arrows: true,
    prevArrow: "<i class='fa fa-2x fa-arrow-circle-o-left'></i>",
    nextArrow: "<i class='fa fa-2x fa-arrow-circle-o-right'></i>",
    accessibility: true,
            adaptiveHeight: true,
            dots: true
});

CSS:

.slick-dots
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    background-color: white;

}

Answer 1

正如 Mindaugas 所建议的，这是一个编码问题。

Matheus 的解决方案具有误导性，您确实不必须下载 css 文件，尽管这有效，因为在实际中 .css文件规定了编码。

例如，我没有下载 css，只是通过添加一个 charset="UTF-8" 就成功地从 CDN 中提取出来了。归于我的<link>标签。

完整的解决方案如下:

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" charset="UTF-8" />