What's the difference between [fontType] and [weights] for text components?
[fontType] is mainly for semantics that changes the html tag to a p, span, strong while [weight] is mainly for changing literally the font weight to normal or bold.
How do we change components based on viewport (mobile/tablet/desktop)?
As we are moving away from BreakpointObserver since it is not compatible with SSR, we encourage you to use CSS media queries or switching markups using our hide directives.
Where can I optimize svg?
You can optimize your svg assets in https://jakearchibald.github.io/svgomg/. Make sure that you turn off the "Remove viewBox" option in order for your svg to scale properly.