Skip to content

Commit 30f4b6a

Browse files
authored
Merge pull request #161 from googlefonts/About-videos-info-update
About videos info update
2 parents 4635180 + 1154e03 commit 30f4b6a

2 files changed

Lines changed: 20 additions & 1 deletion

File tree

gf-guide/article.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,24 @@ Please refer to the [Promote your font](./promotion.md) section of this Guide fo
7373
The recommended width is at least 1000px. You don't need any particular proportions; the container will resize the image.
7474
- Resolution: 72dpi.
7575

76+
#### Videos
77+
78+
There are two options to include videos in the Article file: `MP4` with a max file size of 1.4 MB; and a `YouTube` link.
79+
80+
- For the `MP4` video inclusion, it must follow this format:
81+
82+
`<video autoplay muted src="your-video-name.mp4" type="video/mp4"></video>`
83+
84+
You can see this case as reference: <a href="https://github.com/google/fonts/blob/main/ofl/danfo/article/ARTICLE.en_us.html">Danfo</a>
85+
86+
87+
- For the `YouTube` link, this option requires a cover image to display as preview, and must follow the following format:
88+
89+
`<a href="https://youtu.be/videoIDnumber>"><img src="your-cover-image.png" /></a>`
90+
91+
`<p><em><a href="https://youtu.be/videoIDnumber">Watch the introduction video on YouTube</a></em</p>`
92+
93+
7694
### Allowed HTML elements
7795

7896
- `<a>`, `<blockquote>`, `<code>`, `<em>`, `<figcaption>`, `<figure>`, `<hr>`, `<h3>`, `<h4>`, `<h5>`, `<img>`, `<li>`, `<p>`, `<pre>`, `<span>`, `<strong>`, `<ul>`, `<ol>`, `<sub>`

gf-guide/promotion.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,8 @@ Allowed formats and file size limits for images:
6464
- `JPG` max size: 800 kb
6565
- `PNG` max size: 800 kb
6666

67-
Another possibility is to add a YouTube link.
67+
Another possibility is to add a `YouTube` link.
68+
6869

6970
<br><br>
7071

0 commit comments

Comments
 (0)