Exhibeho changes the font

Xway
1

Hi Jeremy,
i’ve been using xway since the beginning of the year and it took me longer to switch from freeway. to be honest, i’m not satisfied yet, but that’s probably normal. because i work a lot with images, i also use the exhibeo program. i tried out the different options of the program, the slide and thumblie gallery. with the latter, the embedding of the thumblie gallery component changed the font in the box above from light to bold. however, this can only be seen in the preview. of course, this should not be the case, but i have not found out why. is there a solution for this?

2

Hi renejgoffin,

Can you post a link to a page where this is happening? Is the bold text part of the Exhibeo gallery, or part of an Xway page?

3

Hi Jeremy, thanks for your quick reply Well, the text is in a xway-box above it. You can see it on my page: panorama operativer malerei
The text should not appear in bold.
Best regards, René

4

Hi René,

I see that you’re using the Roboto font, which is a Google web font, and which needs to be downloaded (by browsers) from a Google URL, but you’re also relying on the Exhibeo gallery to link to this font (the only place I can see a link is in code that is added by the gallery).

So, it’s not that the gallery is making the font bolder, but that the gallery is causing this font (rather than an alternative font) to be displayed at all.

According to the link that is added by the gallery, you are using two weights: 400 (normal) and 700 (bold). You have chosen “lighter” as the font weight in at least two places (on body, which probably comes from the weight displayed in the Text section of the Page Inspector), and on the paragraph which contains this text (“umfasste die definition bildinhalte etc.”). Safari thinks that lighter-lighter text corresponds to a font weight of 100 (very light), but it can’t display it at this weight because the only weights that are actually available are 400 (which I think it is using) and 700 (which would be bolder),

So what I think you should do is:

  1. Add a URL for Roboto in Xway’s Fonts view. You can get this by going to fonts.google.com, selecting Roboto, and clicking on Get Font, then Get Embed Code. Assuming that you don’t need italic, but you’d like a range of weights, the URL suggested by Google is: https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap
  2. Consider whether you want to use lighter rather than light as the font weight. Lighter and bolder are useful for making some text lighter or bolder than surrounding text, but it’s better to use light and bold as the basic weight values: if text on a page is set to “lighter” and text in a paragraph is also set to “lighter” you end up with a lighter version of lighter (although it can’t necessarily be displayed at that weight if an ultralight weight doesn’t exist).
  3. When you want to style a paragraph, it’s better to do this by setting styles on the paragraph than by selecting all the text in the paragraph and setting styles on that (this creates an unnecessary span element). You don’t need to select all the text in a paragraph to use the Paragraph Inspector: Xway will display this whenever you put a text insertion point inside the paragraph. Freeway had a tendency to create unnecessary spans, so it’s possible that this is where the extra spans are coming from (if you imported a Freeway document).

The third point above is less important than the other two, but it’s worth bearing in mind. If you want to remove a span (such as the span that encloses this text), you can do that by putting a text cursor inside the span text and selecting None from the Type popup in the Span Inspector.

5

[I’ve changed the category for this topic from Exhibeo to Xway, because it’s primarily about Xway rather than Exhibeo.]

6

Thank you very much Jeremy,
the first option I chose was to embed the font variants via Google Fonts. This was an immediate success. The fonts are now displayed in the correct style. After all, I also found it helpful to be able to access external options such as Google Fonts. This allows you to add other fonts to your font library.
Greetings, René