In case anyone wanted to use/fiddle with the code I’ve been using!
Example:
Recommendations:
- Choose the google font you want for your vertical text on fonts.google.com. Get the embed code for it (from the ‘get font’ button)
- Replace the top of the code from the very beginning through the “stylesheet”> with your new embed code. If you erase the center tag that follows it, you’ve gone too far.
- Just before the section where you can write your post, there’s a “font-family:”. You’ll need to change ‘Island Moments’ to your exact font name. Keep it in the single ‘quotes’ or it won’t work!
- That’s it!
- Optional but may require some fiddling depending on your font is adjusting the size of it. That’s at the very end of the first had of the code, before the space you write your post. You’re looking for “font-size”. It’s set at 38px at the moment.
- Optional number two is fiddling with the color of your vertical font (current hex code is #666666), width, padding, etc.
No need to credit, have fun!
Example:
vertical text
Write your post here
Code:
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Island+Moments&display=swap" rel="stylesheet"><center><div style="padding: 5%; width: 90%; max-width: 800px; display: table; margin: 0 auto;"><div style="display: table-cell; vertical-align: bottom; width: 10%; min-width: 60px; padding-right: 4%; padding-bottom: 0;"><div style="writing-mode: vertical-lr; text-orientation: mixed; color: #666666; white-space: nowrap; transform: rotate(180deg); font-family: 'Island Moments', cursive; font-size: 38px;">
vertical text
</div>
</div>
<div style="display: table-cell; vertical-align: top; text-align: justify; line-height: 1.6; position: relative; bottom: 0;">
Write your post here
</div>
</div>
</center>Recommendations:
- Choose the google font you want for your vertical text on fonts.google.com. Get the embed code for it (from the ‘get font’ button)
- Replace the top of the code from the very beginning through the “stylesheet”> with your new embed code. If you erase the center tag that follows it, you’ve gone too far.
- Just before the section where you can write your post, there’s a “font-family:”. You’ll need to change ‘Island Moments’ to your exact font name. Keep it in the single ‘quotes’ or it won’t work!
- That’s it!
- Optional but may require some fiddling depending on your font is adjusting the size of it. That’s at the very end of the first had of the code, before the space you write your post. You’re looking for “font-size”. It’s set at 38px at the moment.
- Optional number two is fiddling with the color of your vertical font (current hex code is #666666), width, padding, etc.
No need to credit, have fun!
⚘
![[Image: d2gEZzQ.png]](https://i.imgur.com/d2gEZzQ.png)
Ahn-Bo speaks in Korean to his family unless otherwise stated in posts.
He has a noticeable accent when speaking in English.
Set by the amazing Fox! • plot with me
Ahn-Bo speaks in Korean to his family unless otherwise stated in posts.
He has a noticeable accent when speaking in English.
Set by the amazing Fox! • plot with me