Font
====

.. |add_icon| image:: /images/shared/add_icon.png

| In this screen you can create a custom font for your language.  

| Lingomancy uses a type of code points in `Unicode <https://en.wikipedia.org/wiki/Unicode>`_ labeled as "Private use".  
| Specifically "Supplementary Private Use Area-A" which consists of 65,534 characters (U+F0000 - U+FFFFD).  
| This allows your font to be used alongside normal text in any language Unicode already supports (which is basically any natural language).  

.. figure:: /images/examples/font.png
	:align: left

| You can add a new character by typing it's name, and hitting enter or click the |add_icon| button.  
| A sequential value in the code points list will be assigned to the new character.  
| An editor will show up so you can design your glyph for the new code point.  

Edit a glyph
############

.. |floppy_icon| image:: /images/shared/floppy_icon.png

.. |magnet_icon| image:: /images/shared/magnet_icon.png

.. |undo_icon| image:: /images/shared/undo_icon.png

.. |redo_icon| image:: /images/shared/redo_icon.png

.. |trash_icon| image:: /images/shared/trash_icon.png

.. |straight_shape_icon| image:: /images/shared/straight_shape_icon.png

.. |curved_shape_icon| image:: /images/shared/curved_shape_icon.png

Here's a description of the controls of the font editor

- Slider: Adjust the size of the grid in the editor.  
- |magnet_icon| Snap points to the grid.  
- |undo_icon| Undo the most recent shape.  
- |redo_icon| Redo the most recent undo.  
- |trash_icon| Clean the editor.  
- |straight_shape_icon| Draw a shape with straight lines. Each line consists of two points: start and finish.  
- |curved_shape_icon| Draw a shape with curved lines. Each line consists of three points: start, finish, and control.  

You can learn more about the points of the curves in `this page <https://developer.mozilla.org/en-US/docs/Glossary/Bezier_curve>`_

Once you have drawn your glyph, you can click the |floppy_icon| or "Test" buttons.  
This will save the shapes you drew in the editor to the font file.  

Use your font
#############

.. |font_file_icon| image:: /images/shared/font_file_icon.png

| Click the |font_file_icon| or "Test" buttons to load your font into your borwser.  
| Your font will be automatically loaded each time you visit Lingomancy.  

Each operative system has its own way of allowing you to type any Unicode code point instead of using a dedicated key in your keyboard.  

- Linux: ``Ctrl`` + ``Shift`` + ``U``, then type the unicode code point, then hit "Space" or "Enter" ( `from help ubuntu <https://help.ubuntu.com/stable/ubuntu-help/tips-specialchars.html.en#ctrlshiftu>`_ ).  
- Windows: Type the unicode code point, then hit ``Alt`` + ``X`` ( `from support microsoft <https://support.microsoft.com/en-us/office/insert-ascii-or-unicode-latin-based-symbols-and-characters-d13f58d3-7bcb-44a7-a4d5-972ee12e50e0>`_ ).  
- Mac: Enable unicode input. Hold ``Alt``/``Option``, then type the unicode code point (`from discussions apple <https://discussions.apple.com/thread/1899290>`_).  
- Android: Use and configure a custom keyboard. See `Unexpected Keyboard <https://github.com/Julow/Unexpected-Keyboard>`_.