滑動幻燈片顯示爲怪異字符

我使用slick.js創建幻燈片。除了點之外，所有的工作都很好。他們正在顯示，但他們顯示爲這個奇怪的字符串（http://newsinteractive.post-gazette.com/40for10/img/slideshow/weird_chars.png）。滑動幻燈片顯示爲怪異字符

我的代碼看起來不錯。怎麼了？

的jQuery：

$('#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; 

}

來源

2016-01-13 LauraNMS

您需要download和進口油滑的CSS文件如下：

<link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

來源

2016-01-13 18:38:49

元的charset =「utf-8 「< <多數民衆贊成它

來源

2017-06-22 16:32:46

這是一個編碼問題 Mindaugas建議。

馬修斯的解決方案是誤導性的，你做不必須下載css文件雖然這工作，因爲在實際.css文件編碼的規定。

例如，我沒有下載css，只是通過在我的<link>標記中添加charset="UTF-8"屬性成功從CDN拉出。

完整的解決方案會是什麼樣子：

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

來源

2017-09-15 20:59:37 maxwell

在我來說，我需要去到slick-theme.css文件並刪除IE修復（只使用在Safari和Chrome），然後改變其使用的字體使用.ttf而不是.otf文件。

爲我整理出來。

來源

2017-12-12 12:11:03 EpicJoker

滑動幻燈片顯示爲怪異字符

回答

相關問題