网页
资讯
视频
图片
知道
文库
贴吧
地图
采购
进入贴吧
全吧搜索
吧内搜索
搜贴
搜人
进吧
搜标签
日
一
二
三
四
五
六
签到排名:今日本吧第
个签到,
本吧因你更精彩,明天继续来努力!
本吧签到人数:0
一键签到
成为超级会员,使用一键签到
一键签到
本月漏签
0
次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行
补签
。
连续签到:
天 累计签到:
天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
02月13日
漏签
0
天
prezi技术吧
关注:
2,542
贴子:
1,942
看贴
图片
吧主推荐
游戏
21
回复贴,共
1
页
<<返回prezi技术吧
>0< 加载中...
网页版英文粗体、斜体是如何产生的,本地版如何设置?中文呢?
只看楼主
收藏
回复
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
通过仔细研究网页版文字(英文)粗体、斜体设置的研究,发现了其中的秘密,感觉本地应该也可以设置,现在还没有动手实践,先提出问题,大家共同探索。
尤幽幽
后起之秀
7
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
有兴趣亲 可以在 在线版 先编辑个粗体斜体,下载pez查看content文当~
miniheillo
武林新贵
8
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
表示一直有在纳闷之前在网上说prezi的新特征中有能有参生粗体和斜体 但一直没在本地版上看到过 原来要在云端才能 附新功能产生时间及介绍的网址
https://prezi.zendesk.com/entries/22919692-New-Feature-Log
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
现象:新近,网友们欣喜的发现,prezi网页版中的文字编辑器里多出了两个按钮,一是B(加粗)二是I(斜体)。
做法:新建文档,主题themes选第一个Executive,输入文字(英文)subtitle或boby,这两个按钮呈可选状态。选择后文字则会有相应变化。
大家都为prezi不断改进,提升功能而高兴。然而,试过之后也发现并不是所有的文字都能加粗,变斜体,特别是中文也在不能之列。楼上
@miniheillo
查到了增添这项功能的时间。
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
探秘:打开CSS编辑器,我们可以发现CSS中有关文字的代码增加了不少:
以前版本只有3段@font-face{ }代码,各自对应一种字体,也对应着title、subtitle、boby。
现在,这个主题就有9段,如下:
@font-face
{
src: url('CrimsonText.keg');
font-class: body;
fontFamily: body;
font-style: normal;
font-weight: normal;
}
@font-face
{
src: url('OpenSans-Bold.keg');
font-class: head;
fontFamily: head;
font-style: normal;
font-weight: normal;
}
@font-face
{
src: url('PTSans-I.keg');
font-class: strong;
fontFamily: strong;
font-style: italic;
font-weight: normal;
}
@font-face
{
src: url('CrimsonText-I.keg');
font-style: italic;
font-weight: normal;
}
@font-face
{
src: url('CrimsonText-B.keg');
font-style: normal;
font-weight: bold;
}
@font-face
{
src: url('CrimsonText-BI.keg');
font-style: italic;
font-weight: bold;
}
@font-face
{
src: url('PTSans.keg');
font-style: normal;
font-weight: normal;
}
@font-face
{
src: url('PTSans-BI.keg');
font-style: italic;
font-weight: bold;
}
@font-face
{
src: url('PTSans-B.keg');
font-style: normal;
font-weight: bold;
}
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
猜想:
通过分析这9段代码,我们可以大胆地设想,其实,prezi并不是像我们熟悉的其它办公软件那样,是在原文字身上进行的加粗和变斜操作。而是改头换面,实质上是换了字体。
用一个较粗,外形类似的字体,替换一个相对较细的字体,就是加粗了;
用一个倾斜的,差不多粗细的字体,就是变斜体了;
用一个倾斜的,较粗的字体,就是变粗同时变斜了。
这样,一种字体,如果能B、I、BI,加上原体,一共要四种字体。
因为这个Executive主题,Title不能加粗、变斜体,所以它只需要1种字体
Subtitle和Boby各要4种字体,即8种,一共是9种,正好符合代码中的9段。
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
实践证实:
我们把另一个主题里的另一种字体,换到这个主题里的subtitle的加粗里来。验证一下。
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
因此,可以肯定,前三段代码,是title、subtitle、boby所使用的三种字体的默认状态。
后面的代码是它们加粗、斜体字的代码,字体名称要求严格,必需是在默认字体的名称上加-B、-I、-BI构成。
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
结论:
@font-face
{
src: url('CrimsonText.keg');
font-class: body;
fontFamily: body;
font-style: normal;
font-weight: normal;
}
------------指定boby默认状态所用字体
@font-face
{
src: url('OpenSans-Bold.keg');
font-class: head;
fontFamily: head;
font-style: normal;
font-weight: normal;
}
------------指定title默认状态所用字体,该字体本身是粗体,因后面无相关代码,则该字体不用加粗、不能变斜体,即B、I键呈灰色。
@font-face
{
src: url('PTSans-I.keg');
font-class: strong;
fontFamily: strong;
font-style: italic;
font-weight: normal;
}
------------指定subtitle默认状态所用字体,且默认选中 I-斜体。
@font-face
{
src: url('CrimsonText-I.keg');
font-style: italic;
font-weight: normal;
}
------------指定boby在 I 选中时所使用的字体
@font-face
{
src: url('CrimsonText-B.keg');
font-style: normal;
font-weight: bold;
}
------------指定boby在 B 选中时所使用的字体
@font-face
{
src: url('CrimsonText-BI.keg');
font-style: italic;
font-weight: bold;
}
------------指定boby在 B、I 都选中时所使用的字体
@font-face
{
src: url('PTSans.keg');
font-style: normal;
font-weight: normal;
}
------------指定subtitle在 B、I 都不选中时所使用的字体
@font-face
{
src: url('PTSans-BI.keg');
font-style: italic;
font-weight: bold;
}
------------指定subtitle在 B、I 都选中时所使用的字体
@font-face
{
src: url('PTSans-B.keg');
font-style: normal;
font-weight: bold;
}
------------指定subtitle在 B 选中时所使用的字体
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
思路拓展:
1、如果要将在线版某个字体更换,而且希望保持加粗、变斜等功能继续能用,则需要更换四段代码。
2、由于用户不能修改在线版字体库的字体文件文件名。所以用户无法用偷梁换柱的方法,在保留文字名的情况下,更换字体。
3、实际上在线版中一个文档,最多可同时使用12种字体,只是区别不明显,给人的感觉还只是三种。
接下来,让我们把目光转向桌面版。
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
首先,把在线版的pez下载下来,或复制在线版的CSS到桌面最新版本,观察有没有B、I键出现。
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
下载下来的便携文档xml中文字CSS部分:
@font-face
{
src: url('CrimsonText.keg');
fontFamily: body;
font-class: body;
font-style: normal;
font-weight: normal;
font-family: CrimsonText;
}
@font-face
{
src: url('OpenSans-Bold.keg');
fontFamily: head;
font-class: head;
font-style: normal;
font-weight: normal;
font-family: OpenSans-Bold;
}
@font-face
{
src: url('PTSans-I.keg');
fontFamily: strong;
font-class: strong;
font-style: italic;
font-weight: normal;
font-family: PTSans;
}
@font-face
{
src: url('CrimsonText-I.keg');
font-style: italic;
font-weight: normal;
font-family: CrimsonText;
}
@font-face
{
src: url('CrimsonText-B.keg');
font-style: normal;
font-weight: bold;
font-family: CrimsonText;
}
@font-face
{
src: url('CrimsonText-BI.keg');
font-style: italic;
font-weight: bold;
font-family: CrimsonText;
}
@font-face
{
src: url('PTSans.keg');
font-style: normal;
font-weight: normal;
font-family: PTSans;
}
@font-face
{
src: url('PTSans-BI.keg');
font-style: italic;
font-weight: bold;
font-family: PTSans;
}
@font-face
{
src: url('PTSans-B.keg');
font-style: normal;
font-weight: bold;
font-family: PTSans;
}
zmoonday
英雄豪杰
10
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
本打算有时间继续研究下去的,4.7.6出来了,而且正如我所料,粗体和斜体已经加入新版里,就无需把这些移植过来了,小伙伴们,
直接升级吧
。
peach0814
武林高手
9
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
想问下,css用的是什么语言?
登录百度账号
扫二维码下载贴吧客户端
下载贴吧APP
看高清直播、视频!
贴吧页面意见反馈
违规贴吧举报反馈通道
贴吧违规信息处理公示