marqueeview更改字体颜色_每个设计师都不该错过的神奇字体

最新推荐文章于 2021-06-17 04:06:15 发布
最新推荐文章于 2021-06-17 04:06:15 发布
阅读量199 收藏
点赞数
文章标签： marqueeview更改字体颜色

f0eec0e4d3caa87d896a8de8a8e5739e.png

无论是专业设计师还是职场 PowerPoint 法师，工作中避免不了和各式各样的字体打交道。如果还没有被「衬线、非衬线、ttf、otf」这些概念弄糊涂，不妨去了解一些可以用来制作图标、图表甚至旗帜的神奇字体。来，让我们一起默念咒语：

The quick brown fox jumps over the lazy dog.

欢迎大家来 whose.design，发现更多设计工具。

工具清单

  • 资源：FF Chartwell、Flagsmith、Color Dot Font、Font Awesome、Bungee
  • 神器：Prototypo、Fontello
5a6eb00fdceed5e0bc31d8eb8ea7eb31.png
https://www.zhihu.com/video/1112341970588008448

FF Chartwell - 可以制作图表的字体

听到「用字体制作可视化图表」，你一定难以置信。但 FF Chartwell 是一款黑科技字体，它借助 OpenType 的特性，让用户可以通过输入字符自动生成可视化图表。

Scribble Tone

⏬https://pan.baidu.com/s/1g2lSWjGMo3BqYp4oEAiZNA

1b03e5cd54fb0dc4008d1397d65ffdca.gif
7e34fc46d8ac2d879a22127503083c21.png
https://www.zhihu.com/video/1112111386506813440

Flagsmith - 可以制作旗帜的字体

借助 OpenType 的强大功能，Flagsmith 可以将字符转换成图形和花纹，进行混合以及叠加，从而组成旗帜。并且，生成的旗帜依然可以编辑，可以像其他字体一样放大缩小，或是更改颜色。

Flagsmith - A Flag Building Typeface

⏬https://pan.baidu.com/s/1-w2vBywMOd5o2LztW-ET2w

fc55aaf551c26a667445cf8064491eeb.gif
7fe8d15f57584cf1f2cb03a540c3fb90.png
https://www.zhihu.com/video/1112111464546131968

Color Dot Font - 彩色圆点字体

这是一套由彩色圆点组成的字体，每一个拉丁字母都被圆点替代。可用作预览界面上段落的排版效果。

And Repeat — Color Dot Font

⏬https://andrepeat.com/fonts/AndRepeat-ColorDot.otf

518d2fea47d0e1af696d76b7f5aae9db.gif

Font Awesome - 包含 1515 个图标的字体

Font Awesome 为一套原本为 Bootstrap 设计的矢量图标字体，它可以被定制大小、颜色、阴影以及任何可以用CSS调整的样式。通过下载 fontawesome.otf ，在 cheatsheet 页面找到合适的图标并粘贴在本地来使用它。

Font Awesome

⏬Font Awesome Free for the Desktop

cb5219d6f3c22cd3fa10009f2ddc176b.gif

Fontello - 图标字体生成器

类似于 Font Awesome 的矢量图标字体。集成 Font Awesome / Typicons / Entypo 等多家开源矢量图标字体（你也可以单独访问这些图标官网）。使用方法与 Font Awesome类似：在 Fontello 首页上选取你需要的图标集和尺寸，并下载压缩包。安装 font 目录下的 ttf 字体文件，打开 demo.html 复制需要的图标。

Fontello

c1b4cac199da422e625976cbc3cf5377.gif

Prototypo - 创造无限字体样式

由 Google 与 Production Type 合作的， Prototypo 生成的参数化字体 Spectral。通过物理传感器反应环境变化，更改字体的宽度、曲率、线宽、衬线样式、倾斜角度等多种参数，从而生成适用不同场景的独特字体。

参数化字体 Spectral

835ff91029a2d614019026a21285cb32.gif

Bungee - 城市招牌风格彩色字体

Color Fonts 即包含多种颜色，阴影或渐变，纹理或透明度的字体（emoji 即是一款彩色字体），而在不支持的设备环境中则被渲染为单色字体。目前，OpenType SVG （W3C）是彩色字体的标准。Bungee 是一款支持 OpenType SVG, COLR/CPAL（微软）,SBIX(Apple) 的城市招牌风格彩色开源字体，它同时支持水平和竖直场景。并且拥有5款字重和风格，你也可以直接在 Bungee 官网编辑生成字体素材并支持多种格式导出。

Color Fonts - Bungee

0f5659887adfe218149a2aab2528e27f.gif
whose.design - 发现更多设计工具​www.whose.design


扩展阅读

  • 插件：CRAFT | Sketch Material | WeSketch | Runner | Paddy | Diya | Runner Pro
  • 技法：Library | Colored Text | Symbol | Shared Text | Resizing | 流程图 | 文档 | 表格
  • 工具：InVison Studio | Nucleo | Feedly | Phase | Studio Platform | Overflow | Talebook | Framer X | Whimsical | Eagle | Bear | Sip | XMind Zen
  • 案例：Swarm | YouTube | Uber | Oscar | Atlassian | Adobe | Adobe | Airbnb
  • 专题：阿里工具 | 亚赛大人
weixin_39785600
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery实现字体颜色渐变效果的方法
10-20
主要介绍了jQuery实现字体颜色渐变效果的方法,结合实例形式分析了jQuery动态设置元素属性实现字体颜色渐变效果的相关操作技巧,需要的朋友可以参考下
MarqueeView:Swift4.0_跑马灯动画，图标、标题和指示器可配置
04-29
MarqueeView 介绍 Swift4.0_跑马灯动画，图标、标题和指示器可配置。 Swift 4.0 iOS 8.0 Xcode 9.0 Example 可是设置属性 /// 内容颜色 public var contentTextColor: UIColor { get set } /// 标题文案颜色 public ...
marqueeview更改字体颜色_安卓手机上可以编辑字体的便签软件哪个好？
weixin_39992072的博客
12-03 214
随着智能手机的逐渐普及，当下已经涌现出很多款既简单好用，又能满足我们记事和提醒需求的手机便签软件，而且在很多品牌的手机中还自带有这类工具软件，就像用户众多的安卓手机便是如此。不过，虽然大多数的手机便签软件都能满足我们记事和提醒的基本需求，但是它们却不是个个都支持编辑内容的字体，来提升内容的可读性，那么有这样的手机便签软件吗？答案自然是肯定的，因为“敬业签”就可以满足以上的功能需求。为了便...
marqueeview更改字体颜色_航海王燃烧意志：如何发布彩色聊天字体？这些代码可以浪一下...
weixin_39823299的博客
12-01 292
诸君安好，雾夏菌报道。很多时候我们在游戏中，会看到有人在聊天栏发布的字体竟然是彩色的，更有甚者还能搞个炫彩的，很过分，很嚣张，自己也想整一个，那么这一回合就来看一下，究竟是怎么整的。1、彩色字体这个是比较容易的，使用的代码是：此处填字 也有更直接的：此处填字color=red，这个red就是红色，你可以替换成其他的颜色英文，就可以发送出来对应颜色的聊天字体了。目前只要是常规的颜色，都可以输入后发出...
web前端入门到实战：常见CSS3选择器和文本字体样式汇总
前端工程师年薪30万，就靠这套教程！持续更新最新知识
04-09 238
常见的CSS3选择器包含：常用基本、属性、伪类、层级（组合）选择器，具体使用情况建议先阅读[css选择器四大类：基本、组合、属性、伪类]对于选择器的使用有一个基本了解，选择器的作用在于通过它找到元素，并且给它添加属性样式。 常用的选择器有：标签、id、类、关联（通过父集找到子集）组合选择器，注意html页面中id是唯一的；基本选择器有（/*代表注释*/），/*:first-child第一个元素*/...
android设置字体滚动,Android TextView 字体滚动效果
weixin_39887846的博客
05-25 83
Android TextView 字体滚动效果实例代码：package com.godinsec.seland.ui.tools;import android.content.Context;import android.text.TextUtils.TruncateAt;import android.util.AttributeSet;import android.widget.TextView...
MarqueeView:基于RecyclerView的自定义MarqueeView for Android
03-28
:sparkles: 选框视图 :sparkles: 基于RecyclerView的灵活的自定义MarqueeView :sparkles:入门相依性将Dashelvest Views存储库添加到您的项目级build.gradle ： allprojects { repositories { ... maven { url ...
MarqueeView
05-21
自定义TextView实现跑马灯效果
MarqueeView.zip
06-16
同时，开发者还可以根据需求对MarqueeView进行进一步的定制，比如改变字体样式、颜色、背景等，以适应不同风格的应用界面。 总的来说，MarqueeView是Android开发中一个实用的组件，它提供了丰富多样的滚动公告功能...
Android跑马灯MarqueeView源码解析
08-31
在类的初始化部分，我们可以看到多个成员变量，如`interval`表示每个文本滚动间隔的时间（默认2000毫秒），`animDuration`是每个文本滚动动画的持续时间（默认500毫秒）。此外，还有`textSize`、`textColor`以及`...
Marquee仿照LED广告文字滚动 可设置滚动速度 滚动的方向，文字大小，文字颜色
11-09
Marquee仿照LED广告文字滚动 可设置滚动速度 滚动的方向，文字大小，文字颜色 [注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]
CSS 网页文字渐变效果
12-08
你想制作漂亮的标题而不用将每个标题都做成图片吗？这里是一个简单的CSS技巧，它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一个空<span>标签，它使用背景图片和position:absolute属性将标题覆盖。该技巧经主流浏览器测试：Firefox, Safari, Opera, 以及Internet Explorer 6。 好处 这是一个纯CSS技巧，无需JS或Flash。它兼容主流浏览器包括IE6 (需要使用PNG hack)。 它对于设计标题是很完美的。你无需使用Photoshop制作每一
android设置字体滚动,Android TextView字体滚动效果
weixin_39975868的博客
05-25 145
搜索热词下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家，也给大家做个参考。import android.content.Context;import android.text.TextUtils.TruncateAt;import android.util.AttributeSet;import android.widget.TextView;public ...
html中marquee改变颜色,html中marquee标签的用法
weixin_35767799的博客
06-17 670
marquee功能：使文字或者图片等产生移动效果语法： displaydata 注是成对标记truespeed 未知意义loop设定跑马灯的次数behavior设定走动方式① scroll 跑到尽头后再重新开始(默认)② slide 跑完一次就不跑了③ alternate 以左右来回移动的方式跑direction设定跑马灯移动方向① left 从右向左(默认方式)② right 从左向右scrol...
marqueeview更改字体颜色_两种更改网页透明度方式，你都知道吗？
weixin_39714164的博客
11-29 168
透明度在网页是一个很重要的属性，非常多的特效都需要控制透明度来完成。控制透明度一共有两种方法。元素透明度opacity属性指定了一个元素的透明度，这个透明度不仅会影响本元素，也会影响里面的子元素的透明度。opacity:数值;opacity属性取值范围为0.0~1.0，0.0表示完全透明，1.0表示完全不透明(默认值)。opacity属性取值不可以为负数。越接近0，就越透明要注意的是，一旦元素设置...
Android开发：TextView设置字体横向滚动
小五博客园
01-14 2498
最近项目中遇到textview中文字显示不全的问题，由于界面设计原因，textview只能占比一定的宽度。基于以上情况，查找了一下textview的属性，强大的textview居然可以设置字体滚动，于是，轻松解决： 1、textview获取焦点后才可以进行滚动，即点击textview后滚动，事例如下： <TextView android:id="@+id/tv_time" ...
滚动文字Marquee属性及参数设置
weixin_30443731的博客
10-30 412
滚动字幕Marquee代码大全 基本语法 ------------------------------------------- <marquee>滚动文字 </marquee> 文字移动属性的设置 方向 <direction=#> #=left, right,up,down <marquee direction=left>从右向左移！...
Kotlin 如何实现文字加图片的跑马灯效果？
最新发布
04-01
实现文字加图片的跑马灯效果可以通过以下步骤： 1.创建一个包含文字和图片的布局，可以使用LinearLayout或者RelativeLayout。 2.将布局嵌套在HorizontalScrollView中，设置HorizontalScrollView的属性为滚动。 3.使用定时器或者Handler实现自动滚动，可以使用postDelayed方法实现定时滚动。 4.在滚动的过程中，需要根据内容的长度和滚动位置动态调整滚动的速度。 5.如果需要支持手动滚动，可以使用GestureDetector或者Touch事件监听实现手动滚动。 6.在滚动过程中，需要对滚动到边界的情况进行特殊处理，例如循环滚动或者停止滚动。 以下是一个简单的示例代码： ``` class MarqueeView(context: Context, attrs: AttributeSet? = null) : HorizontalScrollView(context, attrs) { private val contentView = LinearLayout(context) private var speed = 2 // 滚动速度 private var timer: Timer? = null private var isScrolling = false init { isHorizontalScrollBarEnabled = false isVerticalScrollBarEnabled = false addView(contentView) } fun start() { if (timer == null) { timer = Timer() timer?.schedule(object : TimerTask() { override fun run() { if (isScrolling) { post { scrollBy(speed, 0) if (scrollX >= contentView.width - width) { scrollTo(0, 0) } } } } }, 0, 20) } isScrolling = true } fun stop() { isScrolling = false timer?.cancel() timer = null } fun setContent(content: String, imageResId: Int) { contentView.removeAllViews() val textView = TextView(context) textView.text = content textView.textSize = 16f textView.setTextColor(Color.BLACK) textView.setPadding(10, 10, 10, 10) val imageView = ImageView(context) imageView.setImageResource(imageResId) imageView.setPadding(10, 10, 10, 10) contentView.addView(textView) contentView.addView(imageView) val layoutParams = LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT) textView.layoutParams = layoutParams imageView.layoutParams = layoutParams } } ``` 使用示例： ``` val marqueeView = MarqueeView(this) marqueeView.setContent("这是一段跑马灯文字", R.drawable.ic_launcher_background) marqueeView.start() // 停止滚动 marqueeView.stop() ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值