Iam working in Storyline 3 and using Google Font Roboto. It looks fine while editing but when I preview or publish, any font that is Roboto italics is rending gibberish (see attached). Any advice on how to resolve this? This is happening in any of my files where I have italicized Roboto.
This is an issue me for me now after reinstalling Storyline today .... I've been using Roboto without issue for months and now today it is garbled in preview but fine in the slide file. I tried turning modern text off and on, and it doesn't make a difference.
With your permission, I'd like to take a look at your project file to investigate what's happening. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.
I am having the same problem in a Storyline 360 course. Today (Sept 24th) I opened a course created on August 27, 2019 and when I preview, any Roboto Light type set to Italic is gibberish. What can I do? Related question, are fonts embedded in the course - does the end user need to have the font installed?
Had this same problem. Use Modern Fonts was disabled so I couldn't use that, but I also had two instances of Roboto Light and uninstalling fixed the problem. This is very strange as I was using Roboto Slab and not Roboto.
I'd like to enlist our Support Engineers' help so we can look at additional steps to understand why the Roboto font is displayed incorrectly in Review 360. Please use this link to connect with a Support Engineer.
I don't know the answer exactly, but this may point you in the right direction. All 3 of these characters are special character types. If you are pasting in text from Word or some other app, you may be pasting in some special characters that Roboto doesn't have.
Try pasting you text into a simple text editor like "Notepad" (for Windows). Then, copy your text out of Notepad and paste it into Storyline. That will convert those special characters back to more standard text. (Or, you can delete the text out of Storyline and manually type it back in.)
I'm not sure about the apostrophe, but combination characters like "fi" is called a ligature. Some word processors will replace the "Fi" with the special character that is a combination of the 2. _ligature The 3 dots is called an ellipsis and that is also a single special character that replaced the 3 separate periods.
Thanks for getting in touch and for the kind words! Re. Font weights for the included Google Fonts, you have the ability to change the weight for headings in the customizer. Those settings are site-wide and not available on a case by case basis which I think is what you are after. You could simply put in some inline HTML in the heading module to bold it if you like. Pretty much any field in the BB modules accepts inline styling if desired. Hope that helps!
I see what you mean now, sorry about that. You would need to manually add the additional font weights to the theme PHP files (using a child theme), specifically enqueuing Google fonts. There are several great tutorials on the web showing you how to do that if of interest.
I have written some css to override fonts in my portal and it seems to work fine on desktop but when i load the portal on a mobile it changes to a strange font that is not on brand with the company I work for.
@ragavanrajan I think i have found a post relevant to this here: How to use custom font for web page in PowerApps P... - Power Platform Community (
microsoft.com) but I have a few questions I have added to that post for clarification.
All i have done so far is change fonts using css and copied content from word which is in the font I require. I imagine this method is so so so wrong! I think the copy and paste from word must put the font into the HTML and I change the fonts in headers etc with CSS like this:
Georgia is a classic serif font from Microsoft used in newspapers and magazines. It gives an authoritative (and formal) appearance to your emails and is an excellent option to enhance the readability of densely worded content.
Oswald is a tight, condensed font that lets you incorporate more characters without compromising readability. Use Oswald in headlines to make a bold statement while maintaining a balanced appearance vertically and horizontally.
Choose and test alternative fonts for your email campaigns, especially if you use web fonts instead of email-safe fonts. Each email client has default alternative options, but these are flexible.
To avoid choosing the wrong alternative font, find fonts with similar heights, serifs (or sans-serifs), and letter spacing.
Regardless of your font choice, consider line and letter spacing when designing your emails. Too little or too much spacing makes reading difficult.
We recommend using letter spacing for all uppercase text because capital letters can sometimes blend into each other. Also, consider adding letter spacing for smaller-than-usual text to ensure readability.
The origin of Typography has deep roots but many of the terms used today can be traced back to print before even 1880. The use of Typography has evolved and grown over time. It is now used in many different industries and disciplines including graphic, motion, and product design (UI/UX). This widespread use across disciplines leads to some of the terms being used interchangeably.
Four common terms used interchangeably across design are type, typeface, font, and font-family. Depending on what industry you are in and who you are speaking with, they may use one or the other. Which are very similar but have subtle differences.
Another thing to note, since the invention of desktop publishing is font also refers to the actual font files on the computer. So working within digital design people would see the word font and not typeface. In addition, many programs from that time until now use the word font. They combined the picking of a typeface and font into one action.
The font-family of Roboto would be the collection of fonts like Roboto Thin, Light, Regular, Italic and Bold. There are more fonts in Roboto that we did not mention. And not all Typefaces have all these fonts in the font-family. But the main takeaway here is that Typeface is what we see its how we identify Type and Font is the variation of Type that we use.
What I have come to notice is people who have a background in graphic design, print, and sending designs to print may hear or use the word typeface. As opposed to those who mainly work in like software, web, or product design (UI/UX) may use the font. The division is not so clear cut, as camp A and camp B and I am surely not trying to promote that. Because I have heard graphic designers use, font and mean typeface. Product designers use, typeface and mean font. And developers use font-family and mean typeface. Hey, everyone does it.
The type spec will communicate information like the typeface, fonts (weights), and size. Along with other information like line-height (leading) and letter-spacing (tracking). Helping to smooth out the designer to developer communication.
Will people still use them interchangeably between disciplines, industries, and languages? Probably. But will you still design awesome things at the end of the day? Yes. The main goal is not to bicker over terminology but to work as a team and design things that communicate.
There are hundreds of great typefaces to choose from and if someone says font it is ok. Regardless of the typeface or font you decide just remember the main function of Typography is the readability, legibility, and the hierarchy of information in Design.
There is almost no website, app or digital product that exists without text. And typography is the clothes your words wear. It sets the tone of voice or the vibe for your project. And as Jason Pamental said in a talk Type is never neutral.
Absolutely, its five weights with corresponding italics make it suitable for a range of applications. But do you really need all these characters and styles? For most projects you might be good with regular, bold, maybe italic. So remember, less might be more.
There are a lot of other fonts out there, some also free and open source, that are an equal good choice. Take a look at my list where to get good fonts. I really want to encourage you to look at the tiny foundries, distributors and type designers that license them for a reasonable price, just to mention one of my favorites like DJR, fontfabric, latinotype or futurefonts.
I hope I could show you why your font choice matters and how you can make a difference in looking beyond the popular selections. Is there an omnipresent typeface you are you sick of? Leave it in the comments below!
So you are opinionated. Fine. Please share, what you are using on this very page. Here when I had read all the way through, I realized, that whatever you are using for this page is rather bland too, except for the z-logo top-left.
I like Open Sans, for reading even more than Noto. Noto Sans is very good for devices with little space, but when I put it next to the Segoe UI on the desktop there is a big difference in readability.
How would you try to achieve that balance between creative/inspired typography and (international) content accessibility? With limited resources and no knowledge of non-Latin scripts, I have no option but to trust that the most-popular typefaces will look good for all of these languages!
I went looking for Open Sans as I had seen it mentioned as a dyslexia-friendly font so I could download it and try it out in the documents I create. Given the purpose of my search, I was a bit thrown that one of the top results was this post imploring me to stop using it. Upon reading it (which was non-trival), I saw that the reasons you have stated essentially ignore one of its main strengths.
Thanks for sharing your thoughts and perspective, Matthias, and for describing it so well. I understand that this all might be very challenging to you. And as I wrote, Open Sans is not a bad typeface. I totally get that it is very helpful and easier to read than others. But regarding branding and making your project memorable, I want to encourage people to look for less often used typefaces.
3a8082e126