Warum wird diese Schriftart abgeschnitten, egal was Sie tun? ⇐ HTML

[Anonymous]

Ich verwende die Google-Schriftart Almarai mit einfacher HTML-Eingabe, aber warum diese Schriftart einige Buchstaben abschneidet, wie im Bild unten


Ich habe dieses CSS ausprobiert, aber es funktioniert überhaupt nicht, selbst Ai konnte es nicht herausfinden

Code: Select all

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

@font-face {
font-family: "Almarai", sans-serif;
font-style: normal;
font-weight: normal;
font-display: swap;
src: url("/fonts/Almarai/Almarai-Regular.ttf") format("truetype");
}

input.arabic-input {
font-family: "Almarai", sans-serif;
background-color: burlywood;
font-size: 16px;
line-height: 2.6;
height: auto;
min-height: calc(1em * 2.6 + 24px);
padding-block: 22px;
padding-inline: 22px;
box-sizing: border-box;
overflow: visible;
-webkit-appearance: none;
}

Code: Select all

Also, was ist los? Liegt es an der Google-Schriftart? Oder gibt es neue magische Zeilen, die ich herausfinden muss?
und das Problem besteht nur bei der Eingabe, aber andere Steuerelemente sind in Ordnung!