web-font使用教训

5 篇文章 0 订阅

用于总结自己在使用web_font的时候遇到的问题,与自己解决问题的思路

一、业务需求

在移动web页面编辑文字,提供一定的中英文字体选择;
(1)、无论是移动web还是pc,可以供选择的字体是非常有限的;特别是中文字体,需要自己下载;往往是非常大的,这样项目会变得的非常的臃肿,用户体验就更加不用说了。
![这里写图片描述](https://img-blog.csdn.net/20171020184342059?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXExMjkxNjk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
(2)、本地自动化 WebFont 压缩,如果只是静态页面@font-face,也是可以,可以压缩字体工具有多种(字蛛(FontSpider),)

(3)、字体云服务
**国内目前有两家公司提供中文 WebFont 云托管服务,他们能够压缩与转码字体:
http://www.youziku.com (有字库)
http://cn.justfont.com (就是字)

使用经验:
优点:字体选择很多,有收费与免费字体,cdn加速也算稳定,使用简单
但是,服务都是收费的,使用pv计算,价格自己去看*(我就是开始没有看清楚,所有改了技术实现,这是一个深刻的教训)*

有字库使用

//引入js
<script src="http://cdn.webfont.youziku.com/wwwroot/js/wf/youziku.client.min.js"></script>
//实现
var entity={
              AccessKey:style,//选择的字体key值
             Content: binding.value.content,//需要修改的文本内容
              Tag:"#"+$(el).attr('id')//目标元素的id,可以是多个
            };
 //方法回调
$youzikuClient.getFontFace(entity, function (result) {
        console.log(result)
     });
### 回答1: draw.io是一款功能强大的在线绘图工具,它提供了一个名为drawio-web-font的功能。drawio-web-font是一种通过CSDN平台提供的方式,用于在draw.io中使用特定字体的功能。 CSDN是中国最大的技术社区和专业IT资源下载平台,它提供了丰富的技术资源和社区资讯。draw.io-web-font -csdn是由CSDN平台提供的draw.io字体,通过该字体,用户可以在draw.io中使用一些特定的字体,以满足不同的绘图需求。 使用draw.io-web-font -csdn字体的方法很简单。首先,用户需要登录CSDN平台并进入draw.io-web-font下载页面。然后,按照指示下载并导入字体到draw.io中。一旦导入完成,用户就可以在draw.io中选择并使用这些特定字体来绘制图形或编辑文本。 draw.io-web-font -csdn功能的引入使得draw.io更加灵活多样,用户可以根据自己的需求选择合适的字体来增强图形的表达能力和视觉效果。无论是进行图表绘制、流程图设计还是其他各种类型的图形编辑,draw.io-web-font -csdn都可以提供更多字体选择,丰富了绘图工具的应用场景。 总的来说,draw.io-web-font -csdn是一种通过CSDN平台提供的字体,为draw.io用户提供了更多选择。它的引入使得draw.io在字体方面更加具有个性化和自定义化的特点,为用户带来了更好的绘图体验。 ### 回答2: drawio Web Font 是 drawio 在 web使用字体功能。通常,web 上的应用程序会默认使用操作系统中已安装的字体来显示文本。然而,由于操作系统和设备的不同,可能会导致显示效果不一致或字体不全的问题。 为了解决这个问题,drawio 开发了自己的字体,即 drawio Web Font。它是一套特定的字体文件,可以在 web加载使用。通过使用 drawio Web Font,用户在协作编辑和展示图表时,不再受设备或操作系统字体限制的影响。 csdn 是一个技术社区平台,提供了各种各样的技术文章和资源,并且也有 drawio 的相关教程和介绍。通过在 csdn 上搜索 drawio web font,你可以找到更多关于该功能的详细信息和示例。 总之,drawio Web Font 是 drawio 在 web使用字体功能,它解决了设备和操作系统字体不一致的问题,提供了一致的字体显示效果。而 csdn 是一个技术社区平台,用于分享和学习各种技术知识,其中也含了有关 drawio web font 的相关内容。 ### 回答3: draw.io是一款在线的绘图工具,而web font则是用于在网页上显示特定字体的技术。我们可以通过在draw.io中使用web font,来改变绘图工具的字体样式。 csdn是一家技术社区网站,提供了丰富的编程和技术资源。在csdn的平台上,我们可以找到一些draw.io web font的相关文章和教程,以帮助我们了解如何在draw.io中使用特定的字体使用draw.io web font有几个步骤。首先,我们需要在网上查找合适的web font资源,可以是免费的也可以是付费的。然后,我们需要将这些字体文件下载到本地计算机。 接下来,我们需要将下载的字体文件上传到draw.io的服务器上。在draw.io的界面中,有一个选项可以让我们上传自定义的字体文件。上传完成后,我们就可以在绘图工具中选择使用这些字体了。 除了上传自定义的字体文件,draw.io还提供了一些内置的字体供我们选择。我们可以在字体选择器中浏览并选择所需的字体。 最后,我们需要保存我们的绘图作品,并在需要的时候进行导出。导出的文件将保留我们选择的字体样式,可以用于打印、分享或在其他网站上使用。 总之,通过在draw.io中使用web font,我们可以为我们的绘图作品添加特定的字体样式,使其更加个性化和专业化。而在csdn这样的技术社区网站上,我们可以找到关于draw.io web font的更多资源和教程,以帮助我们使用这一功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值