this post was submitted on 07 Jul 2024
3 points (100.0% liked)

Perchance - Create a Random Text Generator

448 readers
19 users here now

⚄︎ Perchance

This is a Lemmy Community for perchance.org, a platform for sharing and creating random text generators.

Feel free to ask for help, share your generators, and start friendly discussions at your leisure :)

This community is mainly for discussions between those who are building generators. For discussions about using generators, especially the popular AI ones, the community-led Casual Perchance forum is likely a more appropriate venue.

See this post for the Complete Guide to Posting Here on the Community!

Rules

1. Please follow the Lemmy.World instance rules.

2. Be kind and friendly.

  • Please be kind to others on this community (and also in general), and remember that for many people Perchance is their first experience with coding. We have members for whom English is not their first language, so please be take that into account too :)

3. Be thankful to those who try to help you.

  • If you ask a question and someone has made a effort to help you out, please remember to be thankful! Even if they don't manage to help you solve your problem - remember that they're spending time out of their day to try to help a stranger :)

4. Only post about stuff related to perchance.

  • Please only post about perchance related stuff like generators on it, bugs, and the site.

5. Refrain from requesting Prompts for the AI Tools.

  • We would like to ask to refrain from posting here needing help specifically with prompting/achieving certain results with the AI plugins (text-to-image-plugin and ai-text-plugin) e.g. "What is the good prompt for X?", "How to achieve X with Y generator?"
  • See Perchance AI FAQ for FAQ about the AI tools.
  • You can ask for help with prompting at the 'sister' community Casual Perchance, which is for more casual discussions.
  • We will still be helping/answering questions about the plugins as long as it is related to building generators with them.

6. Search through the Community Before Posting.

  • Please Search through the Community Posts here (and on Reddit) before posting to see if what you will post has similar post/already been posted.

founded 1 year ago
MODERATORS
eatham
[email protected]
VioneT
perchance
3
Fonts Not Loading (lemmy.world)
submitted 4 months ago* (last edited 4 months ago) by cactusdan to c/perchance
2 comments fedilink hide all child comments
 

I duplicated pages a few times to maintain styling, but on the latest duplication the fonts refuse to load as they did on the previous pages. The code didn't change initially (I have sense messed with stuff trying to get it to render).

The two generators on the linked list will show you the correct font being rendered ('Share Tech Mono').

Edit: Currently using the Monospace system fallback, but really bizarre functionality. Appears to be generator specific, and many other google fonts also not rendering on this specific page.

top 2 comments
sorted by: hot top controversial new old
[–] VioneT 2 points 4 months ago* (last edited 4 months ago) (1 children)

You need to add the <link> for the stylesheet of the font or the @import from the google fonts in your <style> element:

<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=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech+Mono&display=swap" rel="stylesheet">


or

<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech+Mono&display=swap');
</style>

The font-plugin immediately retrieves the font, which is why it works with it as long as you use it once (on your other generators, you are using the font-plugin on the output list, which is why the font is already cached and can be used on other text, while on your generator list, you aren't using the output which is why the font doesn't work). Also, on your <span> you have a trailing ' on the font-family (font-family: Share Tech Mono', monospace;).

[–] cactusdan 1 points 4 months ago

That worked, thank you!

Trailing ' also fixed.