How is this make up?

Good afternoon. I found a lesson on working with Adobe Muse (the product itself not discussed), it was interesting, and how then is typeset? There in the header used 6-7 different fonts, do they have to involve in the project??? If the picture will be miserable, at low resolutions hide these labels would desire, because they will be small and will come under the illustration with the girl. In short unsustainable some example work... Or is there some other technique? As option can see a single layer with the labels on the right breykpointa hidden, but there will be the overhead of loading the additional images.

Here is the movie itself https://youtu.be/sNWeABGOGxI
July 2nd 19 at 17:33
4 answers
July 2nd 19 at 17:35
Solution
If labels purely decorative, to pull 6-7 full font, of course, makes no sense.

1. You can suck it from the fonts at small subset literally in those few characters that make up the inscription. Weigh sort of cropped text will be the unit of kilobytes. Then encode it in base64 and everything is easily loaded.
2. You can make the SVG picture.
3. Can a raster image, giving the margin resolution 2-3 times on any retina and zoom. If the label does not have many colors, weighing it will be a little.

Personally, I'm for the last option.
July 2nd 19 at 17:37
Solution
Typeset is a picture of the font I mean. The aunt with the background separately.

If you look close in the video dedicated region 320 pixels.
For correct display on mobile phones.

On the big screens to show the fonts, after for example 1000 pixels to kill.

e6ed35b443b64fefa85b559a65e1a44a.png
July 2nd 19 at 17:39
Solution
svg. The way to reduce it further to hide.
July 2nd 19 at 17:41
Offtop: the design is disgusting.

Find more questions by tags DesignLayout