Index of /besson/publis/fontify.git

[ICO]NameLast modifiedSizeDescription
[PARENTDIR]Parent Directory  - Root of the website (in English or in French)
[DIR]upload/2018-05-04 10:38 -  
[DIR]templates/2018-03-22 13:05 -  
[DIR]static/2018-03-05 20:12 -  
[DIR]scripts/2018-08-28 17:21 -  
[DIR]screenshots/2018-03-05 20:16 -  
[DIR]download/2018-05-04 10:38 -  
[TXT]wsgi.py2018-03-07 10:47 133  
[IMG]testligatures.png2018-03-09 16:06 26K 
[TXT]requirements.txt2018-05-04 10:33 107  
[TXT]hello.py2018-03-22 13:04 8.9K 
[TXT]fontify_tmux.sh2018-03-06 12:13 1.0K 
[   ]fontify.ini2018-02-26 19:41 127  
[TXT]data.py2018-03-22 12:41 12K 
[TXT]_output_of_data_py.txt2018-03-07 10:53 4.3K 
[   ]_config.yml2018-03-07 10:47 25  
[TXT]README.md2018-05-04 10:34 4.2KSome details about this page
[   ]Makefile2018-08-28 17:21 1.0K 
[   ]LICENSE2018-03-12 00:56 1.1K 
# Fontify
**Make your own typeface from your handwriting!**

- Download a PDF template to print and fill with a not too fin black pen,
- Scan it with DPI >= 300,
- Upload your beautiful handwriting to the webapp,
- It creates a TrueType font, and let you preview it,
- If you are happy, save it and start to use it!
- See [this demo]( showing how a font generated with Fontify can look, on a website, a LaTeX document or slideshows, or slides made [with Marp](

## Warning
:boom: **I will not try to run the app somewhere online.**

:raised_hand_with_fingers_splayed: If you want to use Fontify, you need a laptop under Debian or Ubuntu (or maybe Mac OS X or a virtual machine under Microsoft Windows), with Python installed, and use the instructions explained below.

## Demo

> Here are a few screenshots of the webapp:

|1. Print the template|2. Upload the scanned template|
| <img width="100%" src="screenshots/demo1.png"> | <img width="100%" src="screenshots/demo2.png"> |

| It generates the font and you can preview it |
| <img width="90%" src="screenshots/demo3.png"> |

## Development (*only* on Debian/Ubuntu)

> - It *only* works on [Python]( 2, so far (but I'm almost sure it would also work for [Python]( 3).
> - I will try to set up a [Docker image]( to ease this experiment... maybe.

1. First clone and `cd` into the repository, fetch the [third-party dependencies](scripts/third-party).

cd /tmp/
git clone
cd fontify
git submodule init
git submodule update

2. Install all the dependencies.

sudo apt-get install potrace imagemagick fontforge fontforge-extras wkhtmltopdf python-opencv python-fontforge  # try to use 'brew' on Mac OS X ?
npm install -g ttf2woff
sudo pip2 install --upgrade virtualenv

3. Activate a [virtualenv]( and start the app!

virtualenv env
source env/bin/activate
type pip python   # check that this is the local ones
pip install -r requirements.txt
python  # or 'make rundebug'

4. And open the app to use it!

firefox &

5. Note: in "development mode", the app is relaunched whenever a file is modified. Use [`make run`](Makefile) to run "in production" mode.

6. To open the app to anyone on Internet, you can use [ngrok]( (:boom: and also, be crazy, as this app has NO GUARANTEE TO BE SECURE):

ngrok http 5000

7. There is also a [XeLaTeX file](static/test.tex) showing how to use a custom font in a LaTeX document, and [here is how it looks](


### :scroll: License ? [![GitHub license](](
This (small) repository is published under the terms of the [MIT license]( (file [LICENSE](LICENSE)).
© [Lilian Besson](, 2018.

[![Ask Me Anything !](](

[![ForTheBadge built-with-love](](
[![ForTheBadge uses-badges](](
[![ForTheBadge uses-js](](
[![ForTheBadge uses-html](](
[![ForTheBadge uses-css](](
[![ForTheBadge uses-git](](