自定义字体和CMS [英] Custom font and a CMS

查看:161
本文介绍了自定义字体和CMS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在为一个艺术家建立一个网站,他有一个自己的手写字体制作的自定义字体。他想在整个网站中广泛使用这种字体 - 不是所有的身体复制,因为它很难阅读,但对于标题,导航,标注,这样的东西。



我有一个文件 - 它是一个TrueType字体文件。



我们将使用基于PHP的CMS来构建网站。 / p>

为此目的使用此自定义字体的最佳方法是什么,同时仍允许客户端在CMS中编辑页面名称,标题等?我想尽可能容纳尽可能多的用户,但如果某些网站访问者看到Arial或Verdana或我们为正文复制选择的任何内容,则会很好。



我给@ font-face一个旋转?使用PHP在服务器上创建图像? Sifr?这个网站可能会在一段时间,所以我想尽可能的前瞻性思考。同时,我想确定没有人可以在自己的网站上使用字体或下载副本。



他当前存在的一些背景信息网站:
网站合理繁忙,每天大约有500次访问(2000次网页浏览)。



浏览器统计信息:


$ b b

IE:48%(IE6上的IE用户为10%,IE7上为42%,IE8上为48%)



FF:32% 3.5.5时为29.5%,3.0.15时为29%,3.5.4时为11%,2.0.0.20时为4%,3.5.2时为5%)



Safari:17%(531.9的53%,531.21.10的13%,528.16的7%,525.22的5%和530.19的4%)



Chrome :2%(3.0.195.33的41%,3.0.195.27的31%,3.0.195.32的21%,4.0.223.16的4%)

解决方案

最简单的解决方案是使用 @ font-face 方法。如果您包含仅限Microsoft格式(.EOT),它将在任何浏览器中工作。



查看一些关于字体替换的文章。



http://www.zeldman.com/2009/12/02/bulletproof-font-face/
http://www.smashingmagazine.com/2009/12/01/how-to-support -Internet-explorer-and-still-be-cutting-edge /
http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/



您可以使用Microsoft的此工具将您的字体转换为.EOT(IE需要的格式)



http://www.microsoft.com/typography/WEFT.mspx



@ font-face 方法不需要Javascript或Flash,像前面提到的sIFR和Cufon技术一样,所以更容易访问。 / p>

完全兼容SEO 可扩展


I'm building a web site for an artist who has had a custom font made from his handwriting. He'd like to use this font extensively throughout the site - not for all body copy because it'd be difficult to read, but for headings, navigation, callouts, things like that.

I've got the file - it's a TrueType font file.

We're going to be using a PHP-based CMS to build the site.

What is the best way to go about using this custom font for this purpose while still allowing page name, titles, etc. to be edited by the client in the CMS? I'd like to accommodate as many users as possible, but it would be fine if some site visitors saw Arial or Verdana or whatever we choose for the body copy.

Should I give @font-face a whirl? Use PHP to create images on the server? Sifr? This site will likely be around for awhile, so I'd like to be as forward-thinking as possible. At the same time, I'd like to be really sure nobody can use the font on their own web sites or download a copy.

Some background info on his current existing site: Reasonably busy site with about 500 visits (2000 page views) per day.

Browser stats:

IE: 48% (10% of IE users on IE6, 42% on IE7, 48% on IE8)

FF: 32% (38% of those on 3.5.5, 29% on 3.0.15, 11% on 3.5.4, 4% on 2.0.0.20, and 5% on 3.5.2)

Safari: 17% (53% of those on 531.9, 13% on 531.21.10, 7% on 528.16, 5% on 525.22 and 4% on 530.19)

Chrome: 2% (41% of those on 3.0.195.33, 31% on 3.0.195.27, 21% on 3.0.195.32 and 4% on 4.0.223.16)

解决方案

The easiest solution is to use the @font-face method. If you include the Microsoft only format(.EOT) it will work in ANY browser.

Check out some of these articles on font replacement.

http://www.zeldman.com/2009/12/02/bulletproof-font-face/ http://www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/

You can use this tool from Microsoft to convert your font to a .EOT(The format need for IE)

http://www.microsoft.com/typography/WEFT.mspx

The @font-face method doesn't require Javascript or Flash, like the previously mentioned sIFR and Cufon techniques, so is more accessible by all.

It's totally SEO friendly and scalable.

这篇关于自定义字体和CMS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆