diff --git a/src/assets/text/text.css b/src/assets/text/text.css index e93fc48..698bdab 100644 --- a/src/assets/text/text.css +++ b/src/assets/text/text.css @@ -10,3 +10,9 @@ font-weight: normal; font-style: normal; } +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 600; + src: url('./Poppins-SemiBold.ttf') format('truetype'); + } diff --git a/src/components/home/Text.vue b/src/components/home/Text.vue index 29cf0c4..3574346 100644 --- a/src/components/home/Text.vue +++ b/src/components/home/Text.vue @@ -40,11 +40,12 @@ onMounted(() => { ScrollTrigger.create({ trigger: slogan.value, start: "top-=240px center", - end: 'bottom center', - scrub: true , + end: "bottom+=20px center", + scrub: true, onEnter: animateElement, onLeaveBack: resetAnimation, }); + // markers: true, });