标准字体到网站？
有没有办法在网站上添加一些自定义字体，而不使用图片，Flash或其他图形？
例如，我正在一些婚礼网站上工作，并且我正在为该主题找到许多不错的字体，但我找不到在服务器上添加该字体的正确方法，以及如何将该字体包含在CSS中进入HTML？ 这可能没有图形？
这可以通过CSS完成：
<style type="text/css">
@font-face {
font-family: "My Custom Font";
src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont {
font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>
如果您使用TrueType字体（TTF）或Web Open字体格式（WOFF），则支持所有常规浏览器。
您可以通过Google Web字体添加一些字体。
从技术上讲，字体托管在谷歌，你把它们链接到HTML标头。 然后，你可以在@font-face CSS中自由使用它们（阅读它）。
例如：
在<head>部分中：
<link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
然后在CSS中：
h1 { font-family: 'Droid Sans', arial, serif; }
该解决方案看起来相当可靠（甚至Smashing杂志将它用于文章标题）。 但是，目前在Google字体目录中没有太多可用的字体。
要走的路是使用@ font-face CSS声明，它允许作者指定联机字体以在其网页上显示文本。 通过允许作者提供他们自己的字体，@ font-face消除了依靠用户在其计算机上安装的有限字体数量的需要。
看看下面的表格：
正如您所看到的，您需要了解几种主要由于跨浏览器兼容性而需要了解的格式。 移动设备中的情景没有多大区别。
解决方案：
1 - 全面的浏览器兼容性
这是现在可以得到最深入支持的方法：
@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 */
}
2 - 大部分浏览器
虽然事情正在向WOFF转移，所以你可能会逃避：
@font-face {
font-family: 'MyWebFont';
src: url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
url('myfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
3 - 只有最新的浏览器
甚至只是WOFF。
然后，您可以像这样使用它：
body {
font-family: 'MyWebFont', Fallback, sans-serif;
}
参考文献和更多阅读：
这主要是您需要了解的有关实现此功能的信息。 如果你想研究更多的主题，我会鼓励看看下面的资源。 我放在这里的大部分内容摘自以下内容