2015-05-18 143 views
-2

任何人都可以帮助我,我正在使用特定的字体到我的网站项目。匿名用户不知道如何下载,安装和这些字体,如果字体没有安装,那么网站看起来不错。有没有办法,或者一些中央网站可以上传和共享特定字体的字体。像引导,jQuery,提供库来使用它。加载自定义字体到网站

+1

创建webfonts并将文件保留在您的服务器中。 –

+0

可以ü谷歌字体... – vas

回答

0

您正在寻找Web字体。使用CSS这样,你可以告诉浏览器从一个URL下载字体和使用它们的网页上:

@font-face { 
    font-family: 'Graublau Web'; 
    src: url('GraublauWeb.eot'); 
    src: local('Graublau Web Regular'), local('Graublau Web'), 
    url("GraublauWeb.woff") format("woff"), 
    url("GraublauWeb.otf") format("opentype"), 
    url("GraublauWeb.svg#grablau") format("svg"); 
} 

来源:@fencepost's answer to How to embed fonts in HTML? on SO

Google Fonts是承载字体文件服务的例子。 Typekit是另一个。

您可以自行滚动,但您需要将文件转换为所有必需的格式以确保兼容性。 IANAL,但你可能希望在你这样做之前检查你自己的字体的合法性。

+0

感谢回复 –

0

使用CSS3功能,您可以使用自定义字体。您只需要在服务器上上传字体并在css代码中定义路径。

很少字体需要不同的格式类型才能在不同的操作系统上工作。所以你可以使用online font converter来创建所有的字体格式。

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
} 
+0

感谢回复 –

+0

它这个解决方案适合你,你可以接受答案。 –

0

使用谷歌的字体

这里是link

如何使用它?寻找quick use按钮。

1.选择要使用的字体,并选择它的风格

在这里,我将使用Open Sans

2.创建CSS链接到页面

那么,谷歌将产生它的链接使用。例如:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>' 

在您的页面中使用它。

3.添加规则,在你的CSS脚本CSS脚本

,添加:

font-family: 'Open Sans', sans-serif; 

事实上,谷歌的字体是非常直接的。请务必使用quick use按钮来查看我的意思。

Quick-use button