Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.3k views
in Technique[技术] by (71.8m points)

html - When I add my favicon link it wont show it it just shows as the globe one

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-site-verification" content="V5oQVDkc0RXULBgfYG1Gt7O3nUw_cqbZ-mgRTyBS0VA" />
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<base href="https://stephenfaulkner080.wixsite.com/website-1/">
<meta name="generator" content="Wix.com Website Builder"/>

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Safari Pinned Tab Icon -->

so basically its from <link rel="apple-touch-icon to <meta name+"theme-color


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

You can try:

<link rel="icon" type="image/x-icon" href="favicon.ico"/>

Make sure the favicon.ico is at the root of your site. Alternatively you can let a reputable html/icon generator do the work.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...