将自定义字体添加到 VS 2010 @fontface

本文关键字：VS 2010 @fontface 添加 自定义 字体 | 更新日期: 2024-10-26 06:42:11

在VS2010中启动了新的 asp.net 网站（razor v2）网站（仅作为添加自定义字体的测试模板）

将字体"Gothic.TTd"作为"现有项"添加到项目级别。然后在"网站.css"中，我添加了

@font-face
{
    font-family: "Century Gothic";
    src: url('GOTHIC.TTF'),
}

然后将此字体系列添加到网站的"正文"中.css以查看它在主页上的外观：

body
{
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Century Gothic", Segoe UI, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

我还缺少什么，如何生成所需的 css。？我正在学习以下教程：

http://markchouanard.com/post/25542393378/using-web-fonts-in-your-asp-net-mvc-applicationhttp://www.codeproject.com/Tips/605568/Using-font-face-to-use-custom-fonts-in-web-pageshttp://weblogs.asp.net/sreejukg/archive/2012/05/23/using-custom-fonts-in-your-web-pages.aspx

谁能建议我现在能做什么？ 感谢您的任何回复

更新我已添加 

<script type="text/javascript" src="GOTHIC.TTF"></script>

到 _SiteLayout.cshtml 文件...欢迎其他想法吗？

是否有必要拥有所有URL（嵌入字体的@font面示例不起作用）我只有.TTF 极端：

GOTHIC.TTF
GOTHICB.TTF
GOTHICBI.TTF
GOTHICI.TTF

将自定义字体添加到 VS 2010 @fontface

将

逗号替换为分号，并删除字体系列名称中的空格。

喜欢这个：

@font-face
{
font-family: "CenturyGothic";
src: url('GOTHIC.TTF');
}
body
{
background-color: #fff;
border-top: solid 10px #000;
color: #333;
font-size: .85em;
font-family: "CenturyGothic", Segoe UI, Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}

添加其他 URL 将允许您支持更多浏览器。该.ttf足以使其在谷歌浏览器中工作。

更新

请尝试在"独立".html文件中使用它，作为一种模板（它对我有用）：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
@font-face
{
font-family: "Century";
src: url('GOTHIC.TTF');
}
body {
background-color: #fff;
border-top: solid 10px #000;
color: #333;
font-size: .85em;
font-family: "Century", Segoe UI, Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

如果这不起作用，也许您应该尝试使用其他.ttf。你可以在这里找到一个：http://www.1001freefonts.com/snacker_comic.font

相关文章：