t e x t ⠀ m e t a d a t a ⠀ !
– – – – – – – – – – – – – – – – – – – – – – – – – – –
Full guide on /metadata-how I'm only listing the ones I want noted
– – – – – – – – – – – – – – – – – – – – – – – – – – –
-
Two fonts can be used for paragraph and headings
|⠀ CONTENT_FONT = Spectral Sancreek
-
Aside from text size, font weight for both paragraph and headings can be customized
|⠀ CONTENT_FONT_WEIGHT = 300 100
-
Two text colors can be used, for light and dark mode (as well as background and bullet colors)
|⠀ CONTENT_TEXT_COLOR = #656285 #e0d3bc
|⠀ CONTENT_BULLET_COLOR = #ffc4c4 #f2e3d5 -
Size of each text type can be customized.
|⠀ CONTENT_TEXT_SIZE = 16px 1rem 2.5rem 2rem 1.75rem 1.5rem 1.25rem 1rem 1rem 1rem 1rem 14px
—⠀ Type order = Base , Paragraphs , Header 1 , Header 2 , Header 3 , Header 4 , Header 5 , Header 6 , List , Link , Quotes , Code
—⠀ 1rem is 1x of the base text size. This is so that it is easier to control and keep the ratio of text and header sizes while only changing the base size. You can still use pixels or percentages instead of rem.
-
Link behavior, whether it opens on the same or new tab. for 1: internal (rentry links) and 2: external links
|⠀ CONTENT_LINK_BEHAVIOR = same new
-
Shadow for text
|⠀ CONTENT_TEXT_SHADOW_COLOR = #242424
|⠀ CONTENT_TEXT_SHADOW_OFFSET = 0px 0px
|⠀ CONTENT_TEXT_SHADOW_BLUR = 10px
- Custom radius for each corner
- Custom border color of each side
- Custom padding size for each side of container
- Custom thickness of each border side
Hello!!! I've made a list of google fonts i've found for rentry metadata that I like, and I wanted to share it. I have organized them based on vibes or style. Each font is linked to a viewable paste so that you can view how it looks like!
link - https://rentry.co/fluffers
Sorry if it's hard to read, but it's a personal collection so i won't really be editing it... It has a dark mode though for if it's too bright!
Also I'd appreciate if my collection is not copied, or just link it back here in case you do take a lot of the fonts I've listed and copy them to your own resource site.
Here's how it looks :3