Probleme beim Hinzufügen von offenem Legastheniker zu meinen WordPress -Themendateien ⇐ CSS

[Anonymous]

Ich versuche, ein WordPress -Thema zu erstellen. Aus verschiedenen Gründen versuche ich sofort, Barrierefreiheit zu integrieren. Eine der Möglichkeiten, wie ich dies tue, besteht darin, der Benutzeroption die Auswahl von Schriftarten zu geben, aber ich habe Schwierigkeiten, mich in meinem Webthema zu registrieren. Falsch? < /p>
*

Code: Select all

@font-face {
font-family: 'Open Dyslexic';
src: url(' /fonts/opendyslexic/compiled/OpenDyslexic-Regular.woff2') format('woff2'),
url(' /fonts/opendyslexic/compiled/OpenDyslexic-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

/* Open Dyslexic Bold */
@font-face {
font-family: 'Open Dyslexic';
src: url('/fonts/opendyslexic/compiled/OpenDyslexic-Bold.woff2') format('woff2'),
url('/fonts/opendyslexic/compiled/OpenDyslexic-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}

/* Open Dyslexic Italic */
@font-face {
font-family: 'Open Dyslexic';
src: url("/fonts/opendyslexic/compiled/OpenDyslexic-Italic.woff2") format('woff2'),
url('/fonts/opendyslexic/compiled/OpenDyslexic-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}

/* Open Dyslexic Bold Italic */
@font-face {
font-family: 'Open Dyslexic';
src: url(' /fonts/opendyslexic/compiled/OpenDyslexic-BoldItalic.woff2') format('woff2'),
url(' /fonts/opendyslexic/compiled/OpenDyslexic-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
}

customizer.php

Code: Select all

/* Open Dyslexic Regular */
@font-face {
font-family: 'Open Dyslexic';
src: url('/fonts/opendyslexic/compiled/OpenDyslexic-Regular.woff2') format('woff2'),
url('/fonts/opendyslexic/compiled/OpenDyslexic-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

/* Open Dyslexic Bold */
@font-face {
font-family: 'Open Dyslexic';
src: url('/fonts/opendyslexic/compiled/OpenDyslexic-Bold.woff2') format('woff2'),
url('/fonts/opendyslexic/compiled/OpenDyslexic-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}

/* Open Dyslexic Italic */
@font-face {
font-family: 'Open Dyslexic';
src: url('/fonts/opendyslexic/compiled/OpenDyslexic-Italic.woff2') format('woff2'),
url('/fonts/opendyslexic/compiled/OpenDyslexic-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}

/* Open Dyslexic Bold Italic */
@font-face {
font-family: 'Open Dyslexic';
src: url('/fonts/opendyslexic/compiled/OpenDyslexic-BoldItalic.woff2') format('woff2'),
url('/fonts/opendyslexic/compiled/OpenDyslexic-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
}

Funktionen.php

Code: Select all