We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.
With Muse at EOL....What happes to the fonts which are supplied online. My webpage fonts will stop working ? Im hosting my webpage on my own independent webhosting server.
Can i use my own fonts by putting my own font files like ttf etc onto my own webhosting server right along with the html files and get muse to use them instead ?
Thanks a lot.
Here you find the help chapter: https://helpx.adobe.com/muse/using/web-fonts.html
For future proofing, use web safe font-families that are commonly found on most Win/Mac machines. If first font isn't available on the device, an alternate font from the same family will be displayed.
Or use Google's web fonts.
If you're planning to host your own custom font kits, make certain your font license extends to the web. Many fonts are restricted to print use only.
The first url which you gave...https://www.cssfontstack.com/ ............What is this link for ? To just visually see which are websafe fonts and use or this site will supply the font live (as a replacement to adobes typekit etc).
The 2nd url https://fonts.google.com/ .....how to use these fonts for my webpage, so that my webpage will not rely on adobe to supply the font ?
It would be very helpful if you can tell me in layman terms. Thanks a ton.
Does this help?
CSS Font stack shows you the font and what percentage of Win / Mac users have it installed on their machines. Arial is on 98% of all machines. But Avant Garde is on 1% of Mac machines only. So fallbacks are necessary for the rest.
Assuming you want to use Avant Garde as an <h1> heading on your site, you would copy and paste the following CSS code into your <HTML> insertion panel.
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
Embedding code into Muse.
There´s a learning curve, I know, Nancy (I experience the same with pinegrow, BTW), but your piece of code is so unneccessary for Muse and not useful with Muse that it almost hurts. And who was talking about Avante Garde? It has absolutely nothing to do wth the OP´s question.
BTW where is the OP left? For the OP only, use google fonts and you are fine. There´s a way to transfer fonts to what ever you need like otf and ttf but it is tedious and not 100% relieable in my experience. Keep with fonts.google.com / Edge webfonts.
Nancy, commonly we would be willing to help you to get to know Muse, but Muse is under EOL and I recommend to use another tool to do websites. If you are into code I encouragw you to try Dw from here: https://www.adobe.com/products/dreamweaver.html?promoid=KLZLF&s_cid=70114000002CfGJAA0&s_iid=7011400...
I used Avant Garde as an example of a font stack.
Custom web fonts from Google, Edge and Adobe are nice but they make the page load slower. For this reason, it's best to use web safe fonts for the majority of your text and reserve the custom web fonts for when you need a special heading.
Knowing how to add a little custom CSS code to Muse is a practical lesson. Use it or don't. Your choice.
There´s no practicasl lesson for anybody because … you don`t get it and probably never will. As I mentioned and Guenter as well many times. You obviously never did anything with muse, otherwise you would know that putting CSS to muse is not meant for. Stay at Dw and help those users. Please spare Muse users from ,mostly unuseful threads until March 2020 - you should be able to do that.
Use Avantgarde …
No, you don't get it. Why do you pretend that Muse is incompatible with custom code? It's not. And also why are you so hell bent on policing me? If you don't like my replies, don't read them. Although if you weren't so closed minded about code, you might actually learn something.
Meanwhile, have a cup of tea and take a chill pill (relax). You won't have me to kick around much longer. Muse support is ending soon.
because till now you simply did not tell the OPs ( none of them) here where to put that code within a muse file. I doubt that you ever had a look at how a muse file looks like.
Of course I got it, (I move to pinegrow) and of course I am willing to learn as much as possible, but where should a non coder put that CSS into the muse file without using another app outside of Muse. You simply didn`t get it so far, that Muse was build for non coders but for designers (some of them might switch to XD), so your code does not help here, except some code for <head> or … The Muse user has no "control" of the appaerance of that CSS and so the Muse user is mostly not able to make some changes which are easily done in pinegrow or Dw or similar apps out there. External CSS also will not work with Muses inbrowserediting so it makes simply no sense to use external CSS. As far as I am experienced the only way to put some custom code inside Muse is here:
and with some frames that could be filled with some code but mostly it was not necessary.
It might be, that the lack of more or more easy custom code in a proper way led to EOL of muse.
You have so much energy, why waste that energy here in the muse forum.
I´m out, Kind regards,
Actually, you do not need additional software. In Muse, the <script> and <style> tags go inside metadata <head>.
The <HTML> insert panel is for content that will display in the <body> of your document such as text, embedded videos and Google maps.
I dont know why, but im unable to click reply to any of the above posts.
Some of the images posted here for guidance happen to be where the muse menu is in a foreign language so that makes it little difficult to follow things easily. But some things i could visually follow. I tried self-hosted fonts and they worked correctly. Except sometimes when the page loads it shows the default (some ugly, large fall back font, for 1-2 seconds and then switches to my self-hosted font. But for that 2 secs the site display looks ugly as it puts everything displaced and broken and moved out of position. Then after 2 secs everything sits perfect the way i designed it.
No i noticed the same behaviour even with edge fonts. The delay was a fraction of a second only, but still visible to a normal viewer.
In both self-hosted and edge fonts, with some browsers its lightning fast and you dont see any delay at all. So this is i think dependent on the speed with which the font is supplied over the web ?
The fallback fonts guarantee, that text is readable, even before web fonts are loaded on the visitor’s machine. If you don’t want to use this fallback automatism check this option:
I found that mine was already unchecked by default, like this...
Yet i get the fallback fonts showing thru for a sec or 2 before the self-hosted or edge font shows up.
My page property shows like this...
Does the character set have to be changed or something ?
"Yet I get the fallback fonts showing thru for a sec or 2 before the self-hosted or edge font shows up."
A momentary flash of unstyled content (flouc) is normal and expected during page load. Your page has to call multiple scripts from Adobe's servers and make a round trip back to your server before Edge fonts can load. Flouc is hardly noticeable on fast sites. On slow sites, the problem is more obvious.
I wanted to reply to your earlier posts itself but im unable to click on anyones REPLY button as the moment i click it. All the posts REPLY buttons just vanish and theres no reply text box that ever appears. Tried on different browsers too. Only clicking the last post of this thread for replying works.
Thanks for the links. I tried my webpage on GTMETRIX and its shows website score of 98% A, i dont know if thats a good thing.
Also i have a Video Gallery page. And there are 8 YouTube video embeds. 1 below the other respectively. I used INSERT HTML and put them in place. Each video embed HTML code block has CSS script above it to make that iframe responsive width. Should i cut that CSS script out and paste it into the header, since it defines a class and then omit the same CSS on each of the video embeds code to make it lighter. Will it work ?
Also when some say March 2020, support stops etc, does that mean this forum will close down ?
Will sites made with Adobe muse and hosted on our own web hosting servers with self-hosted fonts continue to work on the web ?
Adobe Community Forums have been almost impossible to use lately. I undersand the "vendor" is working on it...
Embed code from YouTube should go in the <html> insertion window.
<style> and <script> goes inside the metadata <head> tag.
Muse support ends on March 26. I don't know what Adobe plans to do with this product forum beyond that date.
Muse sites won't suddenly stop working. They will keep working for as long as browsers keep supporting the code. Muse's code hasn't been updated in quite a while. So eventually, all Muse sites will begin to fail in one way or another.
Keep your cache memory cleared and test your sites often in multiple devices and browsers. When the failures become unacceptable, it's time for a new site made outside Muse.
When working with fonts (text boxes) the paragraph box shows a blue dotted line as you shrink the box. See the screen shot below please. Why does this blue dotted thing appear when you shrink the box above a certain level, what does it mean and whats the resultant effect that dotted line would cause ?
Example 1 -On a para bottom.
Example 1 -On a Heading Line...
If i stretch the bottom of the text box a little bit lower then the dotted line moves and joins the bottom of the box and disappears...
The reason i ask this is because when i make paragraphs in Muse. The para seems to be expanding bigger during preview in browser and in the final page result which is running online too. I think paragraph text re-arranges itself when its published and run, though in design stage it looks correct. Say i have a button positioned exactly below a text para, during pubish and on different monitors the text pushes down and even overlaps the button. See the example of mine below....
In my design worspace this is how ive set it....(observe bottom of para).....
But upon publish in my browser, this is what i get....(observe bottom of para overlapping on bottom caption)...
How to avoid this using the blue dotted line feature ?
If you want to use Muse in spite of its state as EOL, you really should learn, how to use it. A forum can’t replace this process.
Overlapping text normally is a consequence of the fact, that your text boxes are overlapping. When your screen size changes (= becomes less wide, for example), the text box shrinks in width and therefore needs more height to keep the text within visible. The consequence may be, that text boxes below will be overlapped. You can avoid this by making sure, that your text boxes don’t overlap at all.
The dotted line has an important reason. Look here:
You see the consequences may be crucial for your layout. You can control the minimal height of a text frame – what is really important, when it comes to responsive Layout.
(And: Please, please avoid justified text on web pages! Most actual browsers don’t understand anything about hyphenation, and therefore the text looks, well, pretty ugly! Just look at yous second "DEBET GANON" screenshot …)
Thanks for the video !
I get the base concept. But still in the real world i cant see how this feature figures or helps. Maybe it just goes over my head for now. Yes i dont know much about Muse :). Im well versed in 3ds Max, Video Editing, Photoshop, Adobe Flash Professional with good knowledge in AS2. There are always some small nuances that are hard to wrap ones head around. This blue dotted line thing is not mentioned in detail in the Muse help files either. Googled all around also and didnt find this issue discussed. Hence decided to post here.