0

我正在使用这样的谷歌字体:

<!--google web font-->
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Lato:700,300,400' rel='stylesheet' type='text/css'>

我有一个这样的按钮:

<a href="/accounts/register"><button class="btn btn-success">Create an Account</button></a>

我不想仅将其包含google font在此特定按钮中。我怎样才能做到这一点?

4

5 回答 5

1

不要使用button内部a元素!

CSS:

a.btn {
  font-family: Arial, Helvetica, sans-serif; /* or other font family */
}

HTML:

<a href="/accounts/register" class="btn btn-success">Create an Account</a>
于 2013-04-03T13:43:13.480 回答
0

要将字体集成到您的 CSS 中:

Google Web Fonts API 将生成必要的特定于浏览器的 CSS 以使用字体。您需要做的就是将字体名称添加到您的 CSS 样式中。例如:font-family: 'Noto Sans', sans-serif;

CSS

button.not-that-font {font-family: 'NOT YOUR GOOGLE API FONT', sans-serif;}

HTML

<button class="btn btn-success not-that-font">Create an Account</button>
于 2013-04-03T13:48:23.000 回答
0

找到该按钮嵌套的父 ID,并像这样控制按钮的字体类型..

#Parent .btn-success {
font-family:arial; /*or whatever default font you want to give it*/
}

现在,如果您在页面上有多个按钮(如果您应该在原始问题中显示),那么您可以使用 jquery 将我刚刚在上面写的 css 添加到像这样的特定按钮

$('#parent .btn-success').eq(0).css('font-family':'arial') 

并将 0 替换为 1 或 2 或 3 等,...取决于您的按钮所在的位置。

于 2013-04-03T14:00:10.787 回答
0

发布的代码实际上并没有将 Google 字体用于任何用途,因此您必须有一些 CSS 代码来做到这一点。您需要对其进行修改,以便该字体仅用于您希望应用它的那些元素。详细信息取决于您拥有的代码。

一般来说,样式最适合积极的方式:只在特定元素上设置属性,而不是将它们设置为例如所有元素,然后想知道如何使某些元素例外。但在极端情况下,您可以id=foo向要排除的元素添加一个属性,并附:not(#foo)加到规则中的选择器。但这是次优的,因为:not选择器并未得到普遍支持。

于 2013-04-03T15:39:01.000 回答
-1

为按钮添加内联样式,内联样式会覆盖所有其他 CSS 样式。

<button class="btn btn-success" 
style="font-size:11px;">Create an Account</button>
于 2013-04-03T13:52:05.123 回答