淘寶裝修是淘寶賣家進行店鋪界面美化的重要手段之一,通過css可以實現(xiàn)更加個性化的樣式設計。然而,一些賣家在使用css樣式時可能會遇到顯示有外鏈的問題。
@import url(https://fonts.googleapis.com/css?family=Open+Sans); /* 在這里導入了外部的字體文件,會出現(xiàn)外鏈的顯示問題*/ body{ font-family: 'Open Sans', sans-serif; } .header{ background-color: #FFA500; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 24px; }
上述代碼中,我們導入了Google Fonts庫中的Open Sans字體,這個庫放在外部服務器上。
但是,在淘寶裝修中使用這個樣式就會出現(xiàn)外鏈提示。這是因為淘寶平臺為了保障廣大用戶的使用安全,會攔截一些可能帶有安全風險的外鏈。
那么,如何避免因為導入外鏈而出現(xiàn)的樣式異常呢?
首先,我們可以使用淘寶推薦的可信任圖片和字體庫。其次,也可以將需要使用的字體文件保存在自己的服務器上,并在樣式中引用本地文件。
@font-face { font-family: 'Open Sans'; src: url('OpenSans-Regular.otf'); } body{ font-family: 'Open Sans', sans-serif; } .header{ background-color: #FFA500; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 24px; }
上面的代碼中,我們將Open Sans字體文件保存在本地,并使用@font-face來引用該字體文件。
通過以上的操作,我們可以避免因為外鏈導致的樣式異常問題,使淘寶店鋪的裝修更加優(yōu)美。