Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如果我为我的网站在FTP中添加字体,当我添加字体时,我应该将其放在FTP中的什么位置以及如何使用字体?_Html_Css_Fonts_Web_Ftp - Fatal编程技术网

Html 如果我为我的网站在FTP中添加字体,当我添加字体时,我应该将其放在FTP中的什么位置以及如何使用字体?

Html 如果我为我的网站在FTP中添加字体,当我添加字体时,我应该将其放在FTP中的什么位置以及如何使用字体?,html,css,fonts,web,ftp,Html,Css,Fonts,Web,Ftp,如果我为我的网站在FTP中添加字体,当我添加字体时,我应该将其放在FTP的何处,以及如何将字体与HTML或CSS一起使用 您可以随时上传字体,只需链接到正确的位置即可。有关CSS中的字体面,请参见下面的exmaple @font-face{ font-family:'Your Font Name'; src:url(http://www.example.com/fonts/YourFont.otf); } 你可以上传字体到任何你想要的地方,你只需要链接到正确的位置。有关CSS中

如果我为我的网站在FTP中添加字体,当我添加字体时,我应该将其放在FTP的何处,以及如何将字体与HTML或CSS一起使用

您可以随时上传字体,只需链接到正确的位置即可。有关CSS中的字体面,请参见下面的exmaple

@font-face{
   font-family:'Your Font Name'; 
   src:url(http://www.example.com/fonts/YourFont.otf); 
}

你可以上传字体到任何你想要的地方,你只需要链接到正确的位置。有关CSS中的字体面,请参见下面的exmaple

@font-face{
   font-family:'Your Font Name'; 
   src:url(http://www.example.com/fonts/YourFont.otf); 
}

我个人建议使用这个。您将得到如下结果:

    /* @Fontface */
    @font-face {
        font-family: 'Yourfont';
        src: url('fonts/yourfont.eot');
        src: url('fonts/yourfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/yourfont.woff') format('woff'),
             url('fonts/yourfont.ttf') format('truetype'),
             url('fonts/yourfont.svg#Yourfont') format('svg');
        font-weight: normal;
        font-style: normal;
    }
通过这种方式,您将获得IE、Chrome、Opera、Firefox和Safari的有效选项。以后,您可以像使用普通字体一样使用此字体,使用

    div.heading { font-family: 'Yourfont', (othersifyouwant); }

我个人建议使用这个。您将得到如下结果:

    /* @Fontface */
    @font-face {
        font-family: 'Yourfont';
        src: url('fonts/yourfont.eot');
        src: url('fonts/yourfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/yourfont.woff') format('woff'),
             url('fonts/yourfont.ttf') format('truetype'),
             url('fonts/yourfont.svg#Yourfont') format('svg');
        font-weight: normal;
        font-style: normal;
    }
通过这种方式,您将获得IE、Chrome、Opera、Firefox和Safari的有效选项。以后,您可以像使用普通字体一样使用此字体,使用

    div.heading { font-family: 'Yourfont', (othersifyouwant); }

所以我的字体被称为Capture_it.ttf(下载名为Capture_it.ttf),如果我想在我的#标题中包含它,我会怎么做?把它放在CSS文件的顶部…
@font-face{font-family:'Capture';src:url(http://www.example.com/fonts/Capture_it.ttf);/*这取决于你上传字体的位置*/}
。。。。然后在你的标题中设置它-->
#header{font-family:'Capture'}
如果这有帮助的话,请不要忘记勾选答案。src:url是否是我从中获得它的网站?否。。。源代码将是你上传字体文件的地方。。。。。e、 如果你上传到ftp根目录下一个名为fonts的文件夹,你的src将是/fonts/Capture\u it.ttf。。。它只是链接到正确的位置。。。就像你会用一个简单的href链接一样。当你的问题得到回答时,请不要忘记点击勾号,你也有一个未解决的问题。因此我的字体被称为(下载它的名称)Capture_it.ttf如果我想在我的#头中有它,我会怎么做?把它放在你的CSS文件的顶部…
@font face{字体系列:'Capture';src:url(http://www.example.com/fonts/Capture_it.ttf)/*这取决于您将字体*/}
…上传到哪里,然后在页眉中设置它--->
#页眉{font-family:'Capture'}
如果这有帮助,请不要忘记勾选答案。src:url是我获取它的网站吗?不是。来源也将是你上传字体文件的地方……例如,如果你上传到ftp根目录中名为font的文件夹,你的src将是/font/Capture\u it.ttf……它只是链接到正确的位置…就像您使用简单的href链接一样。当您的问题得到回答时,请不要忘记单击勾号,您也有一个未解决的问题。我确实使用了它,我从这里得到了它:那么我如何将其添加到我的CSS和#标题中?您可以使用该文件夹方案,因此首先创建一个名为“字体”或其他名称的新文件夹在css文件的文件夹中,放置字体/字体文件。然后,添加配置字体的@font-face代码,并设置#header{font-family:Yourfont;}我确实使用了它,我从这里得到了它:那么我如何将它添加到我的CSS和我的#标题中呢?你可以使用这个文件夹方案,所以首先在你的CSS文件的文件夹中创建一个名为“fonts”的新文件夹或其他东西。然后将你的字体/字体文件放在那里。然后,添加@font face代码和你的字体配置,并设置#标题{font-family:Yourfont;}您尝试过搜索吗?您尝试过搜索吗?