首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Fabric.js 使用自定义字体

这次就讲讲在 Fabric.js 中创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推荐一个精简字体库的工具。...学习本文前,你必须有一点 Fabric.js 的基础,如果没了解过 Fabric.js 可以阅读一下 《Fabric.js 从入门到膨胀》 创建文本时设置字体 在 Fabric.js 中使用自定义字体库时...在创建文本时就设置字体,需要做以下几步: 在 CSS 里引入字体。 使用 Fabric.js 创建画布。 等字体加载完成后再设置文本字体。 将文本添加到画布中。...,加载成功就执行 then 的代码,加载失败就执行 catch 代码。...Fontmin官网 Fontmin github地址 代码仓库 本文完整代码可通过下方链接获取。 ⭐ Fabric.js 使用自定义字体

44920

Butterfly 自定义代码高亮字体

:source/static/css/custom.css:root { --hl-color: #d3af86; /*代码字体顔色 【必须】 (把下面.hljs的 color复製到这里来.../*代码框顶部工具栏背景色 【可选】(如果你关掉了 copy、lang 和 shrink,可不用配置这个)*/ --hltools-color: #fff; /*代码框顶部工具栏字体顔色 【可选...- 总结一下当前已经完成了哪些内容:已经将 hljs 配置设好,接下来会用 hljs 对代码块部分进行渲染已经完成了对于代码字体高亮的主题配置...不过有这功夫,相信大家肯定还是更喜欢配置更美化的本地开发环境 w在 custom.css 文件中,我们给 code 这个标签强制覆盖上一层字体样式,即可实现代码字体改变#article-container...文件里即可引入后,我们就可以捕获整个项目里的任意 html 标签,然后修改他的字体,包括但不限于主副标题,代码块,正文等以我为例,我修改了主副标题、小字、代码块以及文章标题,如下:/* CSS */@

1.3K50

Android修改字体样式的示例代码

在Android实际开发中根据UI的设计图,经常要去改变系统默认的字体样式 这样做会使apk变大很多啊 而且为什么android要使用ios的字体-_-# 单独设置字体样式 (1)Android系统提供了几种字体样式可供选择...这边会发现这样设置typeface和fontFamily属性对中文不生效,这时候就需要引用外部的字体样式(这里谷歌设计规范推荐使用NOTO字体https://www.google.com/get/noto.../) (2)使用字体样式文件设置(otf,ttf文件都可以) 在assets下新建一个fonts文件,把字体样式文件放进去 ?...在代码中设置 AssetManager mgr = getAssets(); Typeface tf = Typeface.createFromAsset(mgr, "fonts/NotoSansCJKsc-Black.otf...(2)更换整个App的字体 思路:遍历找到所有的TextView然后替换字体 百度了一下找到下面工具类 package com.test.fontfamily; import android.app.Application

1.5K20

Butterfly 自定义代码高亮字体

: source/static/css/custom.css :root { --hl-color: #d3af86; /*代码字体顔色 【必须】 (把下面.hljs的 color复製到这里来.../*代码框顶部工具栏背景色 【可选】(如果你关掉了 copy、lang 和 shrink,可不用配置这个)*/ --hltools-color: #fff; /*代码框顶部工具栏字体顔色...已经完成了对于代码字体高亮的主题配置,接下来代码高亮主题会用 vs2015 配置代码块的样式 我们启动调试功能,看一下现在的代码块长什么样子 可以看到,代码高亮的主题渲染已经完成了,但是代码块的背景很丑...,相信大家肯定还是更喜欢配置更美化的本地开发环境 w 在 custom.css 文件中,我们给 code 这个标签强制覆盖上一层字体样式,即可实现代码字体改变 #article-container...css 文件里即可 引入后,我们就可以捕获整个项目里的任意 html 标签,然后修改他的字体,包括但不限于主副标题,代码块,正文等 以我为例,我修改了主副标题、小字、代码块以及文章标题,如下: /*

1.1K30

使用纯CSS代码更改WordPress全站字体

废话 不少博主喜欢美化自己的博客,而一个好看的字体可以让人眼前一亮,还可以提高阅读舒适度。作为一个二次元类(伪)的博客怎么能没有一个可爱的字体呢?...正文 我在网上也找了些教程,但是大部分代码错误或者是外部链接用不了。...所以这里Daimon分享一下自己用的字体css(更换字体可以自己用github+jsdiver上传自己喜欢的字体,这样可以缓解服务器压力,毕竟宽带小的服务器加载几mb的字体还是略微吃力)。...具体效果看本站字体就行了(๑╹ヮ╹๑)ノ 教程开始: 首先进入你网站后台打开侧边栏→外观→自定义→额外CSS。...然后将下面代码复制粘贴进去,然后发布就可以了(´∇ノ`*)ノ @font-face { font-family: 'moonbridge'; src: url('https://cdn.jsdelivr.net

1.7K20

JS 获取浏览器默认字体大小

说是 JS,其实也还是要配合 CSS 使用。 要获取浏览器默认字体大小,我们可以使用 CSS 的 font-size 属性。...将元素的字体大小设置为 medium 可以将其设为浏览器默认大小,通常为16 px。...以下是设置元素字体大小的 CSS 代码示例: .element { font-size: medium; } 一旦将元素字体大小设置为浏览器默认大小,就可以通过 JavaScript 来获取其实际值...下面的代码演示了如何使用 JavaScript 获取浏览器默认字体大小: const measureElement = document.querySelector('.element'); let fontSize...最后,使用 parseInt() 方法将获取到的字体大小值转换为整数。 需要注意的是,如果浏览器默认字体大小被修改,例如在 Chromium 浏览器中将其更改为"特大",则返回值将相应地更改。

3K30

调试JS代码

记录下近期对JS代码的调试过程 性能分析 启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面 目前主要使用的功能有: Performance....性能评估,比如我想看下页面刷新的性能瓶颈所在,先点击 按钮,然后进行页面操作,当页面刷新完成,再点击 按钮,则会生成性能报告,可以看到资源消耗,JS代码的执行逻辑等 Sources....性能报告页面的 部分,可以通过点击色块查看其所在的js代码文件,如 点击则会跳转到 功能栏,有了源文件就可以进行断点调试;这里注意部分js文件是压缩后的文件,建议手动修改程序替换成可读性更强的原始代码文件...查看程序的打印输出,比如我想知道某个函数的执行时间,可以在js代码中进行修改 当js代码执行之后,可以在console输出中看到foo的执行时间 Network....代码使用for循环进行操作,也就是线性复杂度,计算耗时随数据量的增大而线性增大 通过debug观察发现颜色数组会有不少重复的数值,而同样的输入会导致相同的输出,然后对整个数据的1M个点进行统计分析,发现重复率相当高

19K10

js代码规范

前言 在js代码开发中,我简单的总结出了以下规则,后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中,原因有:不能被缓存,会增大网页文件的大小,可维护性不高,会影响页面的加载。...js吧任何表达式都当一条简单语句,会导致一些隐性的错误。如果自己没加分号,那么js解释器会自动添加分号,按照自己能读懂的断句。 9.2 复合语句 也称为语句块,被包在大括号内部。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数,他可以执行内部入参的js函数或者表达式,可以直接解析变量。不建议使用 。...尽量使用语法严格模式 消除代码之中的不友好;代码运行更快 ;保证运行的安全 ;为新版本的js做好铺垫。 22.

8.8K30

JS代码混淆 | js 逆向系列

/UglifyJS/ https://github.com/LiPinghai/UglifyJSDocCN/blob/master/README.md 使用方法 npm install uglify-js...-g uglifyjs example.js -c -m --mangle-props -c 代码压缩 -m 代码混淆 --mangle-props 混淆属性名 -b 美化显示 // 原代码 const...JShaman https://www.jshaman.com/ JShaman 是国内公司开发的js代码加密商业产品 免费版可以直接使用 // 原代码 const person = { age...,通过数组、字典等各种形式存储、拼接、替换等,最终进行还原,这里面没有利用到复杂的语法以及js 语言本身的特性,所以我们一点点解开也学不到什么; 这个代码就不一样了,我们一步一步解开它,尝试去学习其中的思路...console.log(c) 这次我们设计三个返回值,分别是函数定义、数值、字符串 看到这,我都蒙了,经过查询资料,我找到了两个维度的复杂的原因 JavaScript 中函数只能有一个返回值,你就说这玩意如果没学过 js

85510

比例字体&等宽字体

我们都知道等宽字体和比例字体的区别,就在于比例字体(Monospaced Font)即每个字母宽度是按一定比例自动调整的,而等宽字体(Proportional font)则是固定宽度,固定间距,字体的每一个字母和字符所占的水平空间都是相同的...不过,即便到今天,等宽字体也还有它一定的使用优势,比如命令行、打字机效果、又或者程序猿常常会拿它来显示代码。 ?...接下来我们看看他们跟web又有 什么关系: 代码阅读 之前有提到过代码显示一般是用到等宽字体,是为了方便阅读,其实在有些情况下,不一定,比如下面这种字母错误的情况,如果是等宽字体,查阅起来就没有那么容易...HTML标签 UI开发熟悉的html标签,它是用于表示计算机源代码或者其他机器可以阅读的文本内容。通常将标签内的文本变成等宽字体,表示这段文本是源程序代码。...标签是一个短语标签,用来定义计算机代码文本。 ?

8.7K60
领券