[asp.net]为什么在浏览器显示的字体是不同与我视觉的 web 开发人员吗?

标签: Asp.net html5 HTML CSS
发布时间: 2017/3/26 2:16:16
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

嗨我使用 visual web 开发人员 2010年快递。

然而当我实现我的代码,在我的浏览器显示的字体是显示不同的与我视觉的 web 开发人员。

这里是我的尝试。

1) 我试图刷新的页面 (可能是缓存问题) 不工作。

2) 字体已被正确地指出,所以请你们不要论断人这作为失败以指向正确的字体。

附件和代码已附加如下所示。

这是示例项目。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<link href="Styles/StyleSheet.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:Button ID="Button1" runat="server" Font-Bold="True" 
            Font-Names="AvenirNext LT Pro Regular" Text="I love you" />

    </div>
    </form>
</body>
</html>

css 文件

body 
{
}
@font-face 
{ 
    font-family: AvenirNext LT Pro Regular; 
    src: url(../font/AvenirNextLTPro-Regular.otf); 
}

附加,图片

http://s4.postimg.org/nq4d1oa30/font1.jpg

http://postimg.org/image/j2i9afsc3/

解决方法 1:

简短的回答︰ 因为 2010 快递的可视化 web 开发人员并不是一个浏览器,不使用同一文本塑造和现代的浏览器将使用的渲染管线。

如果你想要准确的、 现代的文本塑造、 匹配什么浏览器,那么使用一个五岁的软件包不是要走的路︰ 更好的解决方案的第一步是停止使用的大多是过时的 2010年版本的 visual studio 快递,并开始使用社区到 2015 年,或在最古老的表示 2013年。

相关︰ 一旦你已经进行了更新,停止使用 1999 年的 XHTML,并转移到现代的 HTML5 格式相反。试图迫使现代概念上非常老的标记是另一种方式去不可预知且时常微妙 — — 但有时候明目张胆地 — — 错误的结果。

所以,让我们正确的 CSS︰ 字体家庭与特殊字符必须被引用,那么你的姓带空格需要引号︰

@font-face {
  font-family: "AvenirNext LT Pro Regular";
  src: url(...);
}

然后当你使用这种字体在 CSS 中的其他地方,适用同样的规则︰

p.fancy {
  font-family: "AvenirNext LT Pro Regular";
}

让我们马上 HTML,太︰ 离开就像你可以在浏览器中。而不是那些 ASP 属性,使用一个真实的 HTML 按钮与 runat 属性:

<button runat="server" id="Button1" class="fancy">
  I love you
</button>

让 CSS 处理样式设置正确。

赞助商