hi @tuanphan! i am currently going through something similar to this.
i'm currently working on my wedding website and i have a purchased font that i'd love to use for the paragraph styling. the font worked on my desktop but when i switched over to my laptop, the font switched to times new roman (same thing happened when i checked with my phone).
my current CSS is below
@font-face {
font-family: 'Baton';
src: url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3db3becca54623cbaf0/1636742107354/BatonWeb-Regular.woff2) format'woff2', url(https://static1.squarespace.com/static/616f56d4efd48175920e5d66/t/618eb3d33d229b4a87b909fe/1636742099868/BatonWeb-Regular.woff) format'woff';
}
P {font-family: 'Baton';}
site: benlovesjosey.com
pw: 04092022
thanks in advance!