https://github.com/tani/typography

Project logo generator
https://github.com/tani/typography

deno font svg typesetting typography

Last synced: 4 months ago
JSON representation

Project logo generator

• Host: GitHub
• URL: https://github.com/tani/typography
• Owner: tani
• License: mit
• Created: 2021-04-11T04:01:23.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-03-07T09:21:44.000Z (11 months ago)
• Last Synced: 2024-10-05T09:25:41.632Z (4 months ago)
• Topics: deno, font, svg, typesetting, typography
• Language: HTML
• Homepage: https://typography.deno.dev
• Size: 563 KB
• Stars: 6
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



The typography project serves formatted text with web fonts as a svg image.

The service is running on [Deno deploy](https://deno.com/deploy).

On some web pages such as GitHub, we can't use enough CSS for user content, especially font settings. Our project converts the text into an image typeset in the specified font.

Technically, we typeset by downloading the specified font from Google Fonts and embedding it in SVG along with the text. These software are then deployed on the edge network by Deno Deploy to serve images on demand (Fig. 1).



  


  Fig. 1. Overview



## API

You can use any font listed on [Google Fonts](https://fonts.google.com/). You just hitted the URL like;

```ts

`https://typography.deno.dev/render?text=${text as string}&size=${size as number}&family=${family as string}&weight=${weight as number}&color=${color as string}`

```

## Preview

Please visit https://typography.deno.dev/ . You can explore your favorite fonts!

## License and Copyright

Copyright © 2021 TANIGUCHI Masaya All Rights Reserved.

This software is licensed under ther MIT license.

## Acknowledgement

The author of this project is supported by [Gitpod](https://gitpod.io/).

They provide the Professional Open Source Plan to him.

He uses Gitpod to write this project.