编辑器字体_编辑字体

编辑器字体

Back when I created client websites, one of the many things that frustrated me was the initial design handoff.  It would always go like this:

当我创建客户网站时，令我感到沮丧的众多因素之一就是最初的设计移交。 总是这样：

1. Work hard to incorporate client's ideas, dream up awesome design.
   努力融入客户的想法，梦想出众的设计。
2. Create said design, using Lorem Ipsum text
   使用Lorem Ipsum文字创建上述设计
3. Send initial design concept to the client with detailed explanation of why each piece should look the way it does
   将初始设计概念发送给客户，并详细说明每件作品的外观为何
4. Receive an email back with no comments except "I can't read the text" or "Why is all the text Italian" or "This makes no sense"
   收到一封除了“我看不懂文字”或“为什么所有文字都是意大利语”或“这没有意义”以外的任何评论的电子邮件

Always a wasted interaction that got in the way of making progress on the project.  If only Redacted Font had been created back then.  Redacted Font obscures text into straight blocks so the text is illegible but the viewer gets the idea of where text will be without caring what the text actually is.  Here's an example:

总是浪费的交互阻碍了项目的进展。 如果那时仅创建了Redacted Font 。 “编辑字体”将文本模糊成直线块，因此文本难以辨认，但是查看者无需关心文本的实际内容就可以知道文本的位置。 这是一个例子：

So how does Redacted Font work?  Essentially this project is just a bunch of font resources you can pull into your project.  You will add these fonts to your stylesheet like so:

那么，编辑字体如何工作？ 本质上，该项目只是一堆字体资源，您可以将其放入项目中。 您将像这样将这些字体添加到样式表中：

@font-face {
	font-family: "Redacted";
	src: url("Redacted-Font/fonts/web/redacted-regular.eot");
	src: url("Redacted-Font/fonts/web/redacted-regular.woff") format("woff"),
	     url("Redacted-Font/fonts/web/redacted-regular.otf") format("opentype"),
	     url("Redacted-Font/fonts/web/redacted-regular.svg#filename") format("svg");
}

With the font available, you can use it to make text within the page look redacted:

使用可用的字体，您可以使用它来使页面中的文本看起来被删节：

.prototype {
	font-family: "Redacted";
	color: #999;
}

.prototype-script {
	font-family: "Redacted Script";
	color: #999;
}

Redacted Font comes with Regular, Script, and Bold Script variants and works at all sizes.

Redacted Font带有Regular，Script和Bold Script变体，并且可以使用所有大小。

View Demo 观看演示

The amount of face-palming Redacted Font would have saved me back then is incalculable.   Redacted Font lets you create prototypes that represent real space without the hassle of real text.

令人难以置信的是，令人脸红的Redacted Font可以救我过去。 “编辑字体”使您可以创建表示真实空间的原型，而无需担心真实文本。

翻译自: https://davidwalsh.name/redacted-font

编辑器字体