1、首先我们需要准备一个小图标利用在线ico工具制作 .ico 的文件
在线工具favicon制作 - 在线工具favicon在线制作,icon制作,网站图标,网站图标制作,ico图标制作https://tool.lu/favicon/选择自己想要制作的小图标，然后选择48*48的下载就可以了
将下载的文件名改为favicon.ico
保存为favicon.ico格式
2. 准备好favicon.ico站标文件 ico文件
3.直接在项目根目录下建立favicon.ico站标文件 ico文件
4. 直接在程序head标签指定也可以
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>hello mingzi</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
</body>
</html>效果如下图：文章来源：https://www.toymoban.com/news/detail-663405.html
文章来源地址https://www.toymoban.com/news/detail-663405.html
到了这里，关于设置前端项目站标 favicon.ico的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
