爱意满满的作品展示区。
djyde

用 Google Fonts 生成项目 logo

  •  4
     
  •   djyde ·
    djyde · Dec 20, 2018 · 7538 views
    This topic created in 2701 days ago, the information mentioned may be changed or developed.

    我为自己的开源项目做 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 replies    2018-12-25 18:59:23 +08:00
    1daydayde
        1
    1daydayde  
       Dec 20, 2018 via iPhone
    有点意思,赞一个
    xingyue
        2
    xingyue  
       Dec 20, 2018
    可以考虑下增加 svg 么?
    Wichna
        3
    Wichna  
       Dec 20, 2018
    非常不错!
    djyde
        4
    djyde  
    OP
       Dec 20, 2018   ❤️ 1
    canglaoshi
        5
    canglaoshi  
       Dec 20, 2018
    请问商用会付费吗
    starles
        6
    starles  
       Dec 20, 2018
    有意思,点个赞
    djyde
        7
    djyde  
    OP
       Dec 20, 2018
    @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  
       Dec 20, 2018 via Android
    赞一个
    jakiepaper
        9
    jakiepaper  
       Dec 21, 2018
    非常赞!
    haozibi
        10
    haozibi  
       Dec 21, 2018
    字体:Indie Flower

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

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