Tumgik
#custom font size
starlightthemes · 1 year
Text
Tumblr media Tumblr media Tumblr media Tumblr media
THEME PACK: THE ARCHIVE
Styled after AO3, this pack includes a theme and matching pages, and was designed for writers and readers alike.
🖋️ Theme 11: Archive Of Your Own
Live preview | Static previews: index page, permalink | Code
Full-width posts in an AO3 work index page format
Sidebars with optional sections such as featured tags, updates, rules, progress bars, and more
Unlimited custom links (display on sidebar or in top navbar), plus several social links in the footer
Add a custom logo beside/replacing your avatar
Inbuilt tag filtering plugin by glenthemes
All fields editable directly in the Customize menu, no HTML required. See below the cut for a full guide
🖋️ Page 3: Archive Records
Preview | Code
A WIP page designed to resemble an AO3 work page
Add tags for ratings, warnings, fandoms, characters, and more, as well as statistics like start dates, word counts etc.
Spaces for summary, start and end notes, and the 'work' itself
🖋️ Page 4: Archivist
Preview | Code
A combined about/navigation page based on the AO3 profile page
Include user statistics or any data you'd like, plus a longer bio
Sidebar navigation with link sections - unlimited links and link groups
The theme and pages all include options for multiple color palettes (initially set to Default and Reversi), text styling (choice of Tumblr/Google fonts and casing options), and more. -
Each page includes instructions on how to edit it, and color/image variables have been gathered together to make customization easier. While not necessary, basic knowledge of HTML is helpful.
For help, check my codes guide, or feel free to send me an ask. Theme 11 customization guide and credits are under the cut.
Theme 11 customization
Regarding the simpler fields:
"Secondary title" refers to the title just above the posts, under the header and navigation. This defaults to "[Total posts] Works in [Username]" when the field is left empty.
"Filtered tags" takes a comma-separated list of tags, entered exactly as they'd be written in the Tumblr post editor but without the hashtag. E.g. the tags #politics, #red and blue, and #green would be entered as "politics, red and blue, green" (make sure there's spaces, and no comma after the last item!). The filtering plugin will then put a warning message over any posts with those tags, along with a button letting you show the post.
"[Section] title" act as the headers for the corresponding section, if provided. "Custom links title" defaults to "Pages" if nothing is entered, and is used when the custom links are displayed on the navbar.
"Featured tags" takes a comma-separated list of tags, in the same format as Filtered tags. This field will display links to those tags, along with the number of posts in that tag on your blog, in the left sidebar.
The Recent posts section displays the 5 most recently posted/reblogged posts on your entire blog, displaying in the left sidebar. If you enter a tag under "Recent posts tag", it'll instead display the 5 most recent posts in that tag on your blog. Only 1 tag is allowed.
Rules and FAQ
Both these sections work the same way. Each new item, a rule or a question, consists either of one statement, or a statement and some more text, usually as an answer or additional note. E.g. the screenshot below shows three rules, where the last one has more text in the dropdown.
Tumblr media
To create an item, prefix it with <li> . To add more text, create a <li> item and add a [more] label underneath, then write your extra text after that. To illustrate, here's the Customize page code for the above:
Tumblr media
Updates
This section is similar to Rules/FAQ, though it flips the order around. After each <li>, first list the date, then add the [label] marker, then add your actual update. Again, here's an example:
Tumblr media
And here's the Customize page code that created that:
Tumblr media
Toggles
This section displays checked/crossed-out items, and uses a simpler version of the formatting for the above sections. Use <li> for each new item, then add [on] or [off] at the end, depending on whether you want it checked or crossed off. Here's an example:
Tumblr media
And here's the corresponding Customize code:
Tumblr media
Progress bars
This section also uses <li> items, where each item has two parts: the text label, and the number(s) for the progress percentages, put inside square brackets like with the other sections. Here's an example (note how the top two use fraction values while the bottom one uses a percentage):
Tumblr media
And here's the code that made these. In short, the format is <li> Text here [##/##], or <li> Text here [##%], where ## refers to any number.
Tumblr media
Social links in footer
The footer links, aside from the email and personal website fields, take usernames or user IDs for various websites. Be sure to check you're not entering a username in a user ID field!
The Email address field takes a standard email in the format [email protected] and adds a link to let people mail that address.
The Personal website fields will generate a link in the footer's Follow section. Personal website name is the human-readable text label for the generated link, and Personal website URL is the URL that will open when the generated link is clicked. Make sure to add https:// to the start of the personal website URL so the generated link doesn't just redirect you to a different part of your blog.
Credits
Layout and design by Archive of Our Own
Style My Tooltips by malihu
Phosphor Icons
Expanded Tumblr localization and NPF photosets plugin by codematurgy
Custom audio posts by annasthms
Tag filtering by glenthemes
Palette toggle by eggdesign
Scroll to top by Fabian Lins
1K notes · View notes
stingyslegslookweird · 9 months
Text
A week or so ago, I made a post about Yukari's letter from episode 42 of Kamen Rider Agito, asking if anyone had turned the stylized English it was written in into a font. From what I could find, no one had.
So I did.
Say hello to Limitless Evolution, my first (and so far only) custom font, based off what's more or less the catalyst for the entire plot of the 2001 tokusatsu, Kamen Rider Agito. It's available in both OTF and SVG formats, and I've included the .txt save file for the website I used to make it, in case you want to mess around with that.
Tumblr media Tumblr media
left: the screencap from my original post. right: the first paragraph of the letter, typed up in wordpad using the Limitless Evolution font.
And if you're wondering, here's what it says in readable English:
"In the beginning was Theos. Theos divided the light from the darkness, the day from the night, the firmament from the earth, and the land from the sea. Thus the world was finished."
A list of changes I had to make, for those curious:
The letter never uses the letters J, Q, X, and Z, so I had to come up with my own designs for them.
There are no parentheses, mainly because by the time I got to those characters, I couldn't think of any way to make them look good and consistent with the rest of the font.
Idk where else I can mention this but I realized partway through making this that, because all of the characters use straight lines, the Unknown (or whatever entity is responsible for this "language") likely used to write on wax or stone, since straight lines are much easier to legibly write with on those surfaces. Of course, this means there are absolutely no curves anywhere in this font (at least in the custom characters).
You might notice a few re-uses of specific characters here and there in other characters. Had I not done that, I 100% would've gotten burnt out halfway thru and never finished this.
The numerals are obviously not Arabic. I took inspiration from the weird "gang signs" the Unknown do before they commit murder and made the signs for numbers look like fingers on hands. I imagine their counting system works exactly like Arabic/base-10 counting, just with different symbols.
I replaced the tilde with a "does not equal" sign. The tilde sometimes signifies "is approximately equal to", and I figured the Unknown probably wouldn't vibe with that kinda thing.
I was gonna make the @ sign the Agito symbol but I forgor. 💀
The dollar sign ($) is also custom. It's the symbol for G with a line thru it. The Unknown strike me as a culture that would use Gold, plus it looks kinda like a crystal, which they might also perhaps use.
The ampersand (&) and plus (+) use the same symbol. I figured they mean basically the same thing, so why not, y'know? Also I couldn't come up with a good design for it.
I literally just realized as I'm writing this that the lowercase M is only slightly smaller than the capital M, and the lowercase and capital Ns are the same size. My bad. When/If I make an updated version of this, I'll be sure to fix that.
I used the comma in like six different characters. It's not laziness, it's resourcefulness.
Lastly, the greater than (>) and less than (<) symbols are meant to represent people bowing/praying, since I figured the Unknown would probably see it as whichever number was more "powerful". Kinda like the alligator thing but with fighting instead of eating.
So yeah. If you want, you can download the font by clicking its name earlier in this post, or here if you'd prefer:
Lemme know if there's any improvements or adjustments I should make in the next version that may or may not come out some time in the near or distant future. ¯\_(ツ)_/¯ idk. Hope you enjoy regardless!
Update: In case you missed it, I released an updated version of the font that adds parentheses, brackets, some diacritics, and other fun things. It, along with the original version are both downloadable from the Google Drive link above (hopefully). I’m still planning on updating it again in the future, so if you have any suggestions or issues you’d like to see fixed in the future, lemme know and I’ll see what I can do.
49 notes · View notes
mortemcatabasis · 1 year
Text
Tumblr media
spent the afternoon making a custom font.
Its called MortemBlock and includes the english alphabet, numbers, and barebones punctuation.
u can download it for Free on my Kofi if you so desire :3
66 notes · View notes
soysaucevictim · 9 months
Text
I swear, making entire different sets of ASCII/Unicode for text/lettering was a damn mistake.
Tumblr media
This shit. Constantly. Gets. Past. Spam. Filters. =_=
6 notes · View notes
answrs · 8 months
Text
gonna fuckin scream @ all these CS users to stop expecting me to be able to read 2pt light neon pink on light purple-grey text that are supposedly your trade rules. seriously what the fuck! im on my fuckin LAPTOP and still cant see the damn text!
if i have to copy and paste your shit into a fucking word document and remove all the formatting before im able to read it you’ve failed Basic GD Trade Etiquette 101 and I’m probably just gonna block you and your threads. because i just know someone like that’s gonna yell at me for like. "i said hoarders dni!!!!!″ or “my wl isnt actually pets i want how dare you send me an offer with them!!!!”
4 notes · View notes
dravidious · 6 months
Note
🐢
Killed my fursona again, now they're haunting me by giving me dead mice and birds
Tumblr media
Also I had an idea for a combat trick and I decided to make it a monster hunter card
Tumblr media
#asks#custom cards#amazingly there's only 1 monored instant that gives reach: Academic Dispute#plenty of green reach instants but a sore lack of red ones#this is a straight upgrade over Sure Strike but that's fine because Furious Bellow is too#a slight upgrade#also i'm really satisfied with Geist of Gifts#i feel like all it needs is an uncommon stamp and it'd fit right into Crimson Vow#cost reduction and scaling buffs are dangerous so i made sure to balance the p/t and cost appropriately#and 3 mana feels perfect#you can play it early to start playing good auras or you can play it late to help cast disturb cards#also as usual i had to make sure i got the templating right on Gift of Memories#it counts the total number of 2 different kinds of card in 2 different locations#how in the world is that written?#do you use and or or or and/or between the different kinds of cards? and what about between the different locations?#luckily Beacon Bolt exists so it was an easy copy-paste#ALSO Magic Set Editor (the card creator i use) sometimes ends up putting rules text or flavor text behind the power/toughness box#it's been an issue a few times but i finally figured out how to fix it#normally the font size is automatically as large as possible and shrinks to fit in the text box#but it doesn't consider the p/t box so it ends up making it too big#but i found where i can set the font size manually!#so Geist of Gifts uses a font size of 13.3! perfect!#AND you set the front and back separately so Gift of Memories is just set automatically
2 notes · View notes
noraszoo · 1 year
Text
do u guys like blogs with those cool custom themes or do u like ones with just the default theme
2 notes · View notes
coalix · 11 months
Text
A plague on the fanfic blogs that make their font so fucking small I have to zoom in to read anything
1 note · View note
theoldandnewfirm · 2 years
Note
go on twitter if u hate customization that much
No
3 notes · View notes
rxttenfish · 2 years
Text
anyways ill throw my hat in the ring and say
using prev tags makes this site less accessible, either take a screenshot and add it or, EVEN BETTER, just copy+paste the text of the tag
5 notes · View notes
starlightthemes · 2 years
Text
Tumblr media Tumblr media Tumblr media
THEME 7: Unite
Syncs with your mobile theme colors and mimics the new in-dashboard blog view for a consistent look across platforms.
Static previews: index page, permalink | Code
Features:
Appearance options (show/hide header image/avatar/title/description, title font options, and background/text/accent colors) synchronize with mobile settings
Optional: Featured posts section, updates section, and blog member list in sidebar (require some HTML editing; see under the cut for instructions)
Unlimited custom links, plus a highlighted link under the title
Optional second palette
Customizable post width and font size
Optional search bar, like/reblog buttons, date/timestamps, tags (plus a show tags on click option), and Archive/Random links
Responsive
Supports new post types/pinned posts
And more!
For help, check my theme guide, or feel free to send me an ask. Theme credits and an HTML editing guide for the special sections are under the cut.
NOTE THAT ALL SECTIONS ARE DISABLED BY DEFAULT, TO AVOID HAVING EMPTY/UNEDITED SECTIONS. If you want a particular section to display, make sure you enable it in the Customize menu before making any changes, so that you can see it as it's being edited.
All of the below instructions assume that you've gone to your Customize page, then opened the "Edit HTML" menu.
Again, if you have trouble making your edits work, feel free to send me an ask or a DM for help.
Note for HTML beginners
Every bit of text or code is wrapped inside "tags", which have arrow brackets on either side. For example, a paragraph is placed inside <p> tags.
Every element has an "opening" and "closing" tag; the closing tag looks just like the opening tag, with a / after the opening bracket. The content inside one section is bracketed by these; for example, a paragraph would look like this:
<p>Text here!</p>
In the above line, <p> is the opening tag, and </p> is the closing tag. Tags of this sort can be placed inside each other:
<p>Some <span>special</span> text.</p>
Note that the "span" tags, both opening and closing, are both inside the "p" tags. You don't want a misordered set, like "<p>Some <span>special text.</p></span>". The opening tag nearest to the start should also have its closing tag nearest to the end.
It is extremely important that while editing the HTML for your theme, you make sure all opening tags have a matching closing tag. If you have a <div> tag, but no matching </div> tag, this might break the theme.
Featured posts
This section fetches the 3 most recent posts from a chosen tag on your blog. To select the tag:
Ctrl+F to "EDIT YOUR TAG HERE".
On that line, there will be a link inside quotation marks, ending in "tagged=featured".
Change featured to the tag of your choice; for example, "tagged=photo". This tag can include spaces, such as "tagged=my writing".
Save and ensure your posts show up as intended.
By default, the tagged posts are fetched from your blog, but you can change this so that the featured posts are from a different blog:
Ctrl+F to "EDIT YOUR TAG HERE".
On that line, there will be a link inside quotation marks, starting with "https://{Name}.tumblr.com".
Change {Name} to the blog username of your choice; for example, "https://starlightthemes.tumblr.com".
Save and ensure your posts show up as intended.
Be careful not to change any other parts of that section. The code for fetching the posts from blogs is easy to break.
Updates section
The updates section has two editable parts: the title, and the actual updates.
To edit the title:
Ctrl+F to "EDIT HERE: UPDATES".
Scroll a few lines down, until you find the line reading "Latest updates".
Change "Latest updates" to say whatever you want. Make sure the text stays inside the ... tags. For example, if you want the heading to read "My activity", that line of code should read "My activity".
To edit updates:
Ctrl+F to "EDIT HERE: UPDATES".
A little under this line, you'll see a template, with the outermost tags reading <div class="update">...<;/div>. If you're adding a new update, copy this template.
Scroll a few lines down, until you find the line reading "".
Now, for each update, paste the template once over (two updates are present for you to start with), and edit three things:
-> "3-LETTER MONTH HERE": The first three letters of the update month, e.g. "Jan".
-> "2-DIGIT DATE HERE": The two-digit version of the update date, e.g. "01" or "31".
-> "UPDATE TEXT HERE": The actual text that'll show up as the update.
Make sure that all the updates are separate- the starting and the ending of two updates shouldn't overlap.
Make sure all your updates are above the line reading """.
Save and make sure things look how you want them to.
Members list
To change the title of the members section:
Ctrl+F to "EDIT HERE: MEMBERS LIST".
Scroll a few lines down, until you find the line reading "Blog members".
Change "Blog members" to say whatever you want. Make sure the text stays inside the ... tags. For example, if you want the heading to read "The gang", that line of code should read "The gang".
Scroll further down, until you find the line that reads "{lang:Group members}". Again, change this to your chosen title, such as "The gang".
The actual members list can be customized in two ways. One, for group blogs, you can have it automatically fetch the blog members' main blog names/titles/icons. To do this, turn on "Members list" and turn off "Custom members list" in the main theme settings.
The other option is to manually add any group members and their icons/links. This will also allow you to add customized names and descriptions for each member. To use this option, turn on BOTH "Members list" and "Custom members list". Then:
Ctrl+F to "EDIT HERE: MEMBERS LIST".
A little under that, you'll see a template with the outermost tags reading <a class="member" href="//BLOGNAME.tumblr.com">.... If you're adding members, copy this template.
Scroll a few lines down, until you find the line reading "".
Now, for each member, paste the template (two members are present for you to start with) and edit three things:
-> "BLOGNAME": Next to "href" in the tag, and next to "src" in the tag. Change this to your member's username, such as "starlightthemes".
-> "MEMBER NAME": Takes the place of the username. This will show up in bold at the top.
-> "MEMBER DESCRIPTION": Takes the place of the blog title. This will show up at the bottom.
Make sure that all the members are separate- the starting and the ending of two members shouldn't overlap.
Make sure all your members are above the line reading """.
Save and make sure things look how you want them to.
Theme credits: Layout/design/icons by Tumblr, Style My Tooltips by malihu, featured posts by Fukuo, NPF photosets plugin by codematurgy, dark/light mode toggle by eggdesign, custom audio posts by annasthms, scroll to top script by Fabian Lins
Preview header image from Only Vector Backgrounds.
2K notes · View notes
thatonebjp · 5 months
Text
Blue uncommons
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
0 notes
antidepresssion · 5 months
Text
made the display text on my phone as small as physically possible and i feel enlightened. i can now process more words per line than ever before. what once was a three scrolls text post is down to one. i am free. i will conquer the world with this newfound lease on life.
0 notes
lunarlicorice · 1 year
Text
Tumblr media
this one theme looks better than i thought... if i wanted it to be personal i'd definitely pay someone to code for me. last time i tried that it did... not turn out well.
0 notes
compassionately · 4 months
Text
Tumblr media Tumblr media Tumblr media
Beanie theme by Mochizuki Hajime
Previews: 1, 2, 3 Installation: Github Notes: Preview 2 by @alpawca ♥
A theme meant to loosely resemble the old Beanie Baby website, this is a gift for @alansweep ! The theme comes built in with two sidebars, a header image and 4 links (one custom). Everything else is entirely customizable so you can put whatever you want into the sidebars including text, links, and images.
Features
7 images
39 colors
8 fonts
~31 options
3 built in links, 1 custom
Built in header image
Options
custom cursor
scrolling title
3 post sizes
redirect tag
link decorations (glow/border+etc)
cursor sparkles/hearts/stars/music notes
+etc
964 notes · View notes
relaxxattack · 8 months
Text
new alternian custom fonts... 2!
as promised i've finally gotten around to making more fonts for hiveswap new alternian! some more standard choices this time, along with the requested homestuck land font.
Tumblr media Tumblr media Tumblr media Tumblr media
i've ALSO gone back and REDONE the first four fonts so that now they're more streamlined, and include punctuation and accurate sizing! i stuck with english punctuation so that all of the quirks would translate accurately.
Tumblr media
all of the fonts should now be compatible with every canon troll's typing quirk except for damara, daraya, and potentially meulin.
these are free to use for whatever you like. i made all of them by hand, so sorry for any mistakes! i hope you enjoy!
download new fonts | download remade old fonts
1K notes · View notes