V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
djyde
V2EX  ›  分享创造

用 Google Fonts 生成项目 logo

  •  4
     
  •   djyde ·
    djyde · 2018-12-20 19:00:43 +08:00 · 6926 次点击
    这是一个创建于 2157 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我为自己的开源项目做 logo 的方法比较奇特——去 Google Fonts 选一个有意思的字体,把字体下载下来,打开 Sketch.app 用这个字体输入我的项目名,最终导出成 png.

    以下是一些例子:

    https://github.com/djyde/rehux

    https://github.com/djyde/serlina

    Picas

    每次这么做有些麻烦,于是我做了 Picas, 用 Google Fonts 生成这种 logo.

    你需要做的只是去 Google Fonts 寻找你喜欢的字体,得到字体的名字,填入 Picas.

    Links

    27 条回复    2018-12-25 18:59:23 +08:00
    0312birdzhang
        1
    0312birdzhang  
       2018-12-20 19:40:41 +08:00 via iPhone
    有点意思,赞一个
    xingyue
        2
    xingyue  
       2018-12-20 19:50:54 +08:00
    可以考虑下增加 svg 么?
    Wichna
        3
    Wichna  
       2018-12-20 20:19:44 +08:00
    非常不错!
    djyde
        4
    djyde  
    OP
       2018-12-20 20:32:02 +08:00   ❤️ 1
    canglaoshi
        5
    canglaoshi  
       2018-12-20 21:10:43 +08:00
    请问商用会付费吗
    zwithz1998
        6
    zwithz1998  
       2018-12-20 21:17:11 +08:00
    有意思,点个赞
    djyde
        7
    djyde  
    OP
       2018-12-20 23:18:56 +08:00
    @canglaoshi #5 https://developers.google.com/fonts/faq

    > Can I use fonts from the Google Fonts catalog on any page?

    > Yes. The open source fonts in the Google Fonts catalog are published under licenses that allow you to use them on any website, whether it ’ s commercial or personal.
    Yien
        8
    Yien  
       2018-12-20 23:26:14 +08:00 via Android
    赞一个
    jakiepaper
        9
    jakiepaper  
       2018-12-21 00:00:25 +08:00
    非常赞!
    haozibi
        10
    haozibi  
       2018-12-21 00:25:25 +08:00
    字体:Indie Flower

    g 字母下面会被截断
    djyde
        11
    djyde  
    OP
       2018-12-21 00:29:02 +08:00
    @haozibi #10 只能缩小一下 font size 了
    POPOEVER
        12
    POPOEVER  
       2018-12-21 00:36:44 +08:00
    不错的主意。刚发现站酷把他们的免费中文字体也提交到 Google Fonts 了👍
    haozibi
        13
    haozibi  
       2018-12-21 00:52:48 +08:00 via Android
    @djyde 谢谢
    yuikns
        14
    yuikns  
       2018-12-21 06:04:54 +08:00
    感谢楼主,这个主意棒。

    不过选择字体只能下拉么?顺序也不太懂。不知可否用个输入框做过滤?
    phy25
        15
    phy25  
       2018-12-21 08:33:04 +08:00
    提到 Google 的 logo,记得当年 Google 似乎有个自动生成的程序来合成旗下各种产品名的 logo (因为看到有的产品的中文翻译非常别扭,logo 也能带着这个翻译名)。然而现在他们全改成标准 logo 图 + Product Sans 嵌入字体了,于是他们的中文产品名并用不上标准字体。
    zwithz1998
        16
    zwithz1998  
       2018-12-21 08:34:22 +08:00
    @yuikns 昨天还是输入框,今天就变成下拉了。。。而且还没有排序就很骚了。。
    CoderOnePolo
        17
    CoderOnePolo  
       2018-12-21 09:07:56 +08:00
    太棒了!网站已收藏:)
    anjiannian
        18
    anjiannian  
       2018-12-21 09:37:16 +08:00
    cool
    weiyx
        19
    weiyx  
       2018-12-21 10:48:34 +08:00
    很赞!
    GDC
        20
    GDC  
       2018-12-21 11:03:47 +08:00 via iPhone
    和 dafont 差不多?
    spemoon
        21
    spemoon  
       2018-12-21 11:41:15 +08:00
    很赞!
    djyde
        22
    djyde  
    OP
       2018-12-21 11:48:19 +08:00
    @haozibi #13 刚做了拖动功能,可以试试
    huangtao728
        23
    huangtao728  
       2018-12-23 13:24:29 +08:00 via Android
    能考虑开放自定义 CSS 功能吗
    比如我想给 Logo 加个阴影现在还暂时不能实现
    djyde
        24
    djyde  
    OP
       2018-12-23 15:33:02 +08:00   ❤️ 1
    @huangtao728 #23 这个是基于 canvas 的,我可以考虑支持 canvas 自定义样式
    Mystery0
        25
    Mystery0  
       2018-12-24 01:50:50 +08:00 via Android
    赞,再也不用为了 app 的 logo 感到无从下手了
    hweining
        26
    hweining  
       2018-12-25 10:28:48 +08:00
    Davidwg
        27
    Davidwg  
       2018-12-25 18:59:23 +08:00
    为什么不一键预览所有效果呢,一个个选字体不是很痛苦?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2849 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 09:41 · PVG 17:41 · LAX 01:41 · JFK 04:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.