# Typeface Style Guide

These are the preferred settings for subtitle typefacing.

<p class="callout info"><span style="white-space: pre-wrap;">This is in the situation of a </span>**1080p**<span style="white-space: pre-wrap;"> video.</span></p>

#### HLR Standards

These are guidelines to be followed by HoloResort Translations subbers.

<table id="bkmrk-font-familynoto-sans"><colgroup><col></col><col></col></colgroup><tbody><tr><td>##### **Font Family**

</td><td>[**Noto Sans Japanese (Noto Sans JP)**](#bkmrk-font-familynoto-sans "https://fonts.google.com/specimen/Noto+Sans+JP")

- Use Black (900) font weight

</td></tr><tr><td>##### **Font Size**

</td><td>**100-120 (Standard is 110)**

- <span style="white-space: pre-wrap;">It should still be readable when viewed on a </span>**portrait mobile screen**.

</td></tr><tr><td>##### **Border or Outline Size**

</td><td>**7-8 (Standard is 7.5)**

</td></tr><tr><td>##### **Border or Outline Color**

</td><td>[**VTuber Color Reference**](https://docs.google.com/spreadsheets/d/1NKgTRraQz44xdxSp6smtWuSC4Ol3U8HD9an5d61Q8Vs/edit#gid=0)

- The border color should be contrasting to the video’s general tone.
- If it’s dark, use lighter colors and vice versa.

</td></tr><tr style="height: 10px;"><td>##### **Shadow**

</td><td>**0-1 (Standard is 0.5)**

- <span style="white-space: pre-wrap;">Shadows here are used as </span>**indents**<span style="white-space: pre-wrap;"> rather than actual shadows.</span>  
    <span style="white-space: pre-wrap;">It's used primarily to make the text </span>**pop out more**. (**Shadow Indention**)
- <span style="white-space: pre-wrap;">You should only choose the “shadow’s” color in the selected border color’s grayscale. </span>

</td></tr></tbody></table>

#### General Standards

<p class="callout info"><span style="white-space: pre-wrap;">For general and basic typesetting advice, we recommend lyger's </span>[Subtitling Guide](https://lyger.github.io/scripts/guides/subtitling.html).</p>

These are all-purpose guidelines we recommend for all subbers.

##### Font

- It should be easily distinguishable.
- It should be moderately thick.
- There are no unnecessary shapes to the characters.

##### Font Size

- The cap height should cover around 8% of the screen.
    - ~80 pixels on a 1080p video.
- Too small and it can’t be read on mobile vertical; Too big and it’ll steal most of the attention.

##### Border Size

- ~⅓ of the font’s thickness.
    - Eyeball it until it feels right.
    - Find the right balance for your font.

##### Border Color

- [**VTuber Color Reference.**](https://docs.google.com/spreadsheets/d/1NKgTRraQz44xdxSp6smtWuSC4Ol3U8HD9an5d61Q8Vs/edit#gid=0)
- It should be easily distinguishable who’s who. Especially in a collab.

##### Shadow

- Personally, using it other than indenting text is just a waste.
    - I won’t go past 3
- <span style="white-space: pre-wrap;">Might use it for </span>**ShadTrick**<span style="white-space: pre-wrap;"> instead.</span>

---

Note to HLR Docs Editors:

- Link to ShadTrick