标签: webfonts

阿拉伯语的"网络字体"选择是什么?

我正在使用完全使用阿拉伯语的WordPress网站(后端除外).我是英语发言人,在我作为网络开发人员的时候从未处理过阿拉伯语.我应该在绝大多数阿拉伯语的计算机上提供哪些字体选择?

html fonts arabic webfonts

14
推荐指数
2
解决办法
3万
查看次数

在商业原生Cocoa应用程序中使用Google Web Fonts?

可以在OS X上的商业原生Cocoa应用程序中合法使用Google Web Fonts吗?谷歌正式表示可以在商业网站上免费使用这些字体,但没有特别说明本机应用程序的情况.

目前我已经woff从CSS中定义的URL 下载了字体(格式),通过在线工具将其转换为ttf并包含在我的项目中.

macos cocoa webfonts custom-font google-webfonts

14
推荐指数
1
解决办法
2993
查看次数

有没有在Firefox中显示Arial Black的技巧?

由于Arial black在firefox中有错误,有没有办法显示它而不用@ font-face嵌入它?

https://bugzilla.mozilla.org/show_bug.cgi?id=644385

我见过几个像使用一样的工作

font-weight: 900;
font-family:'Arial Black', Gadget, sans-serif;
Run Code Online (Sandbox Code Playgroud)

但是这种方法对我不起作用.建议?

css firefox bugzilla webfonts font-family

14
推荐指数
2
解决办法
2万
查看次数

用css设置字符宽度

我需要用css设计一个简单的徽标,除了字母大小外,一切都很好.要求是使用verdana字体,但使用宽字符,如图所示.但是,使用当前代码,它们看起来很窄.反正有没有使用图像来实现这种行为?

我不是在寻找字母间距,而是如何让角色本身占据一定数量的像素.例如,我希望字母的t字体大小(高度)为30px,标准宽度加倍.

宽图像: widecharacters

带标识的标准徽标: 标准

以下是徽标的当前格式:

.brand {
    color: white;
    display: block;
    float: left;
    font-size: 40px;
    font-weight: 200;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 27px 20px 13px 20px;

    letter-spacing:2px;
    text-transform: full-width;

    background: #083D68;

    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
     border-top-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;

    -moz-box-shadow: inset 4px -4px 13px 0 #333;
    -webkit-box-shadow: inset 4px -4px 13px 0 #333;
    box-shadow: inset 4px -4px 13px 0 #333;

}
Run Code Online (Sandbox Code Playgroud)

css css3 webfonts graphical-logo

14
推荐指数
1
解决办法
5万
查看次数

在Android studio中使用otf类型的字体

我在Android studio中看到很多关于ttf字体的引用,但没有描述otf类型字体的用法.有没有办法使用otf类型字体以及Android工作室项目?

java fonts android webfonts android-studio

14
推荐指数
1
解决办法
2万
查看次数

如何保护WebFonts

我有一个客户端希望在自己的服务器上托管他的webfonts.我有一个font.com帐户,字体托管到现在为止.我说明了fonts.com协议(第18点).他们说,你可以在自己的服务器上托管文件,但你必须尽可能地保护它们.

我能想到这样做的唯一途径,是通过限制对这些文件的要求同HTTP_REFERER.htaccess.

我可以做更多保护这些字体吗?做更多是否有意义,你认为这是一个充分的保护吗?

我个人并不相信技术拷贝保护,你可以随时复制你能看到的东西.但我不希望我的客户陷入法律纠纷.你有这方面的经验吗?

编辑

我也对法律方面感兴趣.如果有人可以下载并重复使用它,会发生什么?他们是否意味着我必须保护字体仅用于热链接或下载?

fonts webfonts

13
推荐指数
3
解决办法
1万
查看次数

有没有办法修复fonts.com @ font-face声明?

许多流行的字体似乎只能通过http://webfonts.fonts.com/上网使用

但是,它以一种非常奇怪的方式工作.它们不会为您提供直接的字体URL,而是为您提供引用字体文件的CSS文件.我认为CSS中的字体URL可能是短暂的,随着时间的推移会发生变化,以防止未经授权的使用.所以你必须使用他们的CSS,你不能直接合并字体文件的URL(据我所知).

反过来,CSS不是我认为它应该是的.而不是(简化):

@font-face { 
  font-family: "Foo";
  font-weight: bold;
  src: url("foo-bold-variant.ttf");
}

@font-face {
  font-family: "Foo";
  font-weight: normal;
  src: url("foo-normal-variant.ttf");
}
Run Code Online (Sandbox Code Playgroud)

它是:

@font-face { 
  font-family: "Foo Bold";
  src: url("foo-bold-variant.ttf");
}

@font-face {
  font-family: "Foo Normal";
  src: url("foo-normal-variant.ttf");
}
Run Code Online (Sandbox Code Playgroud)

因此,您不能这样做:

body {
  font-family: "Foo", sans-serif;
}
Run Code Online (Sandbox Code Playgroud)

相反,在您使用的任何地方font-weight: bold,您都必须将其更改为font-family: "Foo Bold",而且我猜您必须添加CSS规则来更改家庭等<strong>.我用粗体作为例子,但font-style除此之外还出现了同样的问题font-weight.

他们将此解释为iOS错误的解决方法("这是一个功能!"):http://blog.fonts.com/2010/09/23/getting-web-fonts-to-look-fantastic-on-iphone -and-ipad的器件/

但是该错误已在iOS 4.2中得到修复:http: //blog.typekit.com/2010/12/06/updates-to-typekits-mobile-support/

有了这个设置,除非我失去了一些东西,我不能使用任何第三方的CSS或脚本尝试使用font-weight,因为fonts.com的做法打破了font-weightfont-styleCSS属性完全.您必须为"mybold"或类似的东西组成一个自定义CSS类,而不是使用font-weight,以将font-family设置为"Foo Bold".即他们打破标准CSS.(我错过了什么?)

也许他们会在某个时候解决这个问题.但与此同时, …

css html5 webfonts font-face

12
推荐指数
1
解决办法
5486
查看次数

当Web字体加载缓慢时,还原为无格式文本?

我正在使用Google网络字体,如下所示:

@font-face {
  font-family: "Vollkorn";
  font-style: normal;
  font-weight: normal;
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url('http://themes.googleusercontent.com/static/fonts/vollkorn/v2/BCFBp4rt5gxxFrX6F12DKnYhjbSpvc47ee6xR_80Hnw.woff') format('woff');
}
body {
    font-family: "Vollkorn", Georgia, Times, serif;
}
Run Code Online (Sandbox Code Playgroud)

在Chrome中工作,没有"闪烁的无格式文本"(如此Typekit博客文章中所述).相反,在Web字体下载完成之前,文本根本不会加载.

通过快速连接,它很棒,因为字体异步加载非常快.但是,通过缓慢的连接,页面看起来像是空的几秒钟,直到Web字体加载 - 这是可用性差.

有没有一种聪明的方法可以在佐治亚州显示文本,然后在资源加载后添加Vollkorn字体?

我想我所说的是,我实际上非常喜欢"无格式文本的闪光",而不是空白页面,并希望强制执行此行为.

html css fonts webfonts google-webfonts

12
推荐指数
1
解决办法
2300
查看次数

快速字体web字体不工作在chrome或ie

我正在尝试使用fast.fonts.com上托管的字体.我使用以下代码加载字体:

<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/3566c147-3f45-41ed-941c-cfe1528c243e.css"/>
Run Code Online (Sandbox Code Playgroud)

在Firefox中,字体正确加载,但它在IE或Chrome中无效.这些浏览器是否需要额外设置才能工作?

它正在这个网站上使用:

http://d258eeb2b8434d14a1135347db13e724.cloudapp.net/Home.aspx

css webfonts

12
推荐指数
2
解决办法
2万
查看次数

Google网络字体的本地回退

如果由于某种原因导致Google CDN版本无法加载,HTML5 Boilerplate将使用脚本加载jQuery的本地副本:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
Run Code Online (Sandbox Code Playgroud)

是否可以使用Google Web Fonts执行此类操作?含义:如果远程字体无法加载,请使用服务器上存储的字体的本地副本.

cdn webfonts

12
推荐指数
2
解决办法
4957
查看次数