2012-11-29 90 views
1

我使用其中一个字体为我的网站即“Aparajita”。在我的网站访问的每个系统中都不需要使用哪一个。更改网站字体样式

我的问题是,当这个字体安装在浏览器上的时候,看起来有点不一样,而当相同的字体没有安装的时候,这个字体有点可怕。

我该如何解决这个问题。

我应该提前安装 “Aparajita” 字体我的主机服务器或其他什么的...

谢谢..

回答

3

您可以在自己的网站以及与此您的字体的帮助下看起来相同的所有电脑上使用CSS3@font-face财产使用自定义字体wheather他们insallted该字体或不....

你可以这样写: -

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

Or Read More About how to use custom fonts for our websites.....

+0

总之我需要在我的网络服务器上安装“Aparajita”字体,并添加上面提到的参考... – Sham

+0

嘿,你好,需要在Web服务器上安装“Aparajita”字体。您只需确保在字体文件夹中具有所需的所有格式字体。在你的CSS中使用@ font-face,你可以很容易地在你的网站上运行任何字体,并且当你阅读我的答案中提到的完整文章时,你将会得到如何在网站中使用自定义字体的完整想法阅读它的真正好,顺利的过程不是很难: - )....... –

+0

嗨Shailender感谢您的帮助,建议网站的步骤是真棒。我有一个疑问,我应该如何验证“Aparajita”字体是否免费。 – Sham

-2

<font face="Your font_family">

这是字体样式。

<FONT SIZE=7 COLOR=RED>word</FONT></U></B>

+0

对不起,我忘了...括号现在编辑 –

+0

你将不得不下载你想要的字体,并从控制面板中添加该字体。 –

+2

这太错了,它伤害了我的眼睛。 – Sphvn

5
  1. 请确保您有对字体的合法权益。

  2. 使Web服务器上的字体可用(即将它放在可响应HTTP请求的服务目录中,就像图像或样式表一样)。

  3. 使用@font-face在您的CSS中引用它。

参见:https://developer.mozilla.org/en-US/docs/CSS/@font-face

Font Squirrel有许多免费的字体和font-related toolsGoogle Fonts摘要整个过程是很容易的。

既然你(希望)知道要搜索什么术语,你可以找到很多关于使用自定义字体的例子。

+0

我应该如何验证“Aparajita”字体是否可用在http://developer.mozilla.org网站上的某些地方,以便我可以添加diret参考...或需要将其安装在我的网络服务器上 – Sham

+0

您无需将其安装在您的Web服务器上。您需要确保它可供下载。使用@ font-face,你的CSS样式表将指向字体文件并自动下载它。 –

+0

或者,如果您上传“Aparajita”字体[此处](http://www.fontsquirrel.com/fontface/generator),则可以生成需要使用的CSS。 –