Merge pull request #68 from googlefonts/issue-67-export-as

Add infos about 'Export as'

_reference/menu.md

@@ -24,8 +24,8 @@ order     : 600
 <td>Application Settings</td>
 </tr>
 <tr>
-<td>File</td>
-<td>Will include items like: New..., Open...</td>
+<td><a href='../menu/file'>File</a></td>
+<td>Export as...</td>
 </tr>
 <tr>
 <td>Edit</td>

_reference/menu/file.md

@@ -0,0 +1,27 @@
+---
+title     : File
+layout    : default
+permalink : /reference/menu/file
+draft     : true
+order     : 610
+---
+
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb small">
+    <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference">Reference</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu">Menu</a></li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+  </ol>
+</nav>
+
+<table class='table table-hover'>
+<tr>
+<th width='20%'>item</th>
+<th width='75%'>description</th>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/file/export-as'>Export as</a></td>
+<td>Convert from one file to another (.ttf, .otf, .fontra, .designspace, .ufo, .rcjk)</td>
+</tr>
+</table>

_reference/menu/file/export-as.md

@@ -0,0 +1,45 @@
+---
+title     : Export as
+layout    : default
+permalink : /reference/menu/file/export-as
+draft     : true
+order     : 611
+---
+
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb small">
+    <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference">Reference</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu">Menu</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu/file">File</a></li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+  </ol>
+</nav>
+
+*Export as* is able to convert from one file format to another. For example: You can open a TTF and export it as a .fontra or .designspace or simply generate a font (TTF/OTF) from a .fontra file.
+{: .lead }
+
+<div class="alert alert-primary mt-3" role="alert" markdown='1'>
+#### Pro tips: 
+{: .alert-heading}
+- convert a GlyphsApp file to .fontra or .designspace
+- export a CFF2 variable font
+{: .mb-0 }
+</div>
+
+![]({{ site.url }}/images/export-as.png){: .img-fluid }
+
+Export as includes:
+: ^
+  - [TrueType (*.ttf)](https://learn.microsoft.com/en-us/typography/truetype/)
+  - [OpenType (*.otf)](https://learn.microsoft.com/en-us/typography/opentype/)
+  - Fontra (*.fontra)
+  - [Designspace + UFO (*.designspace)](https://fonttools.readthedocs.io/en/latest/designspaceLib/index.html)
+  - [UFO (*.ufo)](https://unifiedfontobject.org)
+  - [RCJK (*.rcjk)](https://blackfoundrycom.github.io/black-robo-cjk/index.html)
+
+
+**Export as** introduction
+-------
+<video src="{{ site.url }}/videos/export-as.mp4" controls="controls" style="width: 100%; max-width: 600px">
+</video>

_reference/reference.md

@@ -45,6 +45,8 @@ theoretical knowledge · information-oriented · useful when working
     - [Editor Behavior](menu/fontra/editor-behavior)
     - [Plugin Manager](menu/fontra/plugin-manager)
     - [Server Info](menu/fontra/server-info)
+  - [File](menu/file)
+    - [Export as](menu/file/export-as)
   - [View](menu/view)
     - [Glyph editor appearance](menu/view/glyph-editor-appearance)
   - [Font](menu/font)

_tutorials/tutorials.md

@@ -9,6 +9,10 @@ order     : 1
 Getting started
 {: .lead }
 
+**Export as** introduction
+-------
+<video src="{{ site.url }}/videos/export-as.mp4" controls="controls" style="width: 100%; max-width: 600px">
+</video>
 
 **Pen tool** introduction
 -------