Junior Designer Trying to Up Their Typography Game

👋🏼 Everyone, I am a junior UI designer trying to learn more about typography and struggling to find resources online. Here is what I have done:

• Studied design systems publicly available from big companies including Google, Adobe, and Shopify.
• Watched multiple YouTube videos that basically all explain the same topics: typographic scale, sans-serif vs serif typefaces, the difference between a font and a typeface.

Here is what I am struggling to understand:

• How to pick a typographic scale and scale it between different viewport sizes: mobiles, tablets, and desktops.
• How do I choose an appropriate line height for my typeface? I know the 4/8pt baseline grid rule for line heights, but many design systems seem to use arbitrary line height values instead.
• What is optical alignment? 😅

Any help would be really appreciated. I am really lost and don't know where to start or what books/blog posts to read. I would just really appreciate anyone pointing me in any direction to learn more.

PS: Sorry if I'm posting this to the wrong subreddit.

Hey everyone, I am hoping to create a super simple, almost work in progress type, logo for a restaurant that my GF and I would like to open in the future. If anyone has tips as far as programs or helpful tools to use to creat, it would be much appreciated.

I have almost no experience in design but am open to learning.

Thanks!

Hello everyone! I need help, I'm trying to copy the illustration (logo) from Illustrator to Photoshop, but the illustration is very pixelated. When I copy as a layer, it asks me if I want to rasterize the image (if I rasterize, it's even worse), I tried copying as a smart object and marked anti-alias and everything is still pixelated :( what should I do to make my logo look the same in illustrator and photoshop?