线上复制网址字体不能用

​

html文件是否是在编辑器中打开的（以http形式打开），老师，这句话是什么意思呀，这样子是不是不对呢

同学你好，这句话的意思是，如果html文件在vsCode编辑器中打开，url地址则以http开头，也就是以http形式打开，例如：http://127.0.0.1:8848/myproject/1.html

而同学截图中的url地址，则是以本地file形式打开的html文件，这种打开方式是无法访问线上字体库文件的。

这是因为线上字体库文件的url地址是以//开头的，如下

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_ojrn7f7g6ti.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_ojrn7f7g6ti.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_ojrn7f7g6ti.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_ojrn7f7g6ti.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_ojrn7f7g6ti.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_ojrn7f7g6ti.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}

地址以//开头，如果当前网页是http的，字体就会以http加载，当前网页是https的，字体就会以https加载，如下：

src: url('http://at.alicdn.com/t/webfont_ojrn7f7g6ti.eot'); /*IE9*/

src: url('https://at.alicdn.com/t/webfont_ojrn7f7g6ti.eot'); /* IE9*/

祝学习愉快！

老师，您看这样子是不是就行了！！我知道了我打不开是在本地打开的（快捷键alt＋B），线上的用热更新live Chrome就可以了