Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

adobe fonts with differing name information not loading #340

Open
ThunderDino1 opened this issue Oct 15, 2024 · 0 comments
Open

adobe fonts with differing name information not loading #340

ThunderDino1 opened this issue Oct 15, 2024 · 0 comments

Comments

@ThunderDino1
Copy link

I'm currently trying to add the adobe font "Elena" to my project, without success.
My searched led me to #187 and it's fix #192 but to no avail.

would kindly appreciate your help :)

my nuxt.config.ts fonts //config:

fonts: {
        defaults: {
            weights: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
            styles: ['normal', 'italic'],
        },
        adobe: {
            id: ['xxxxxx'],
        },
        fonts: {
            experimental: {
                processCSSVariables: true, // <-- tested if that made a difference
            },
        },
        families: [
            {
                name: 'Industry',
                provider: 'adobe',
                fallbacks: ['Oswald', 'Arial', 'Helvetica', 'sans-serif'],
            },
            {
                name: 'Elena Web Basic', <--- tested "Elena", "Elena Basic", "Elena-Web-Basic"
                provider: 'adobe',
                fallbacks: ['Georgia', 'Times New Roman', 'serif'],
            },
            {
                name: 'Oswald',
                provider: 'google',
                fallbacks: ['Roboto Sans', 'Arial', 'Helvetica', 'sans-serif'],
            },
        ],
    },
Tailwind Config:

`extend: {
            fontFamily: {
                display: ['Industry', 'Oswald', 'Arial', 'Helvetica', 'sans-serif'],
                serif: ['"Elena Web Basic"', 'Georgia', 'Times New Roman', 'serif'], //<-- also tried "Elena", "Elena Basic", "Elena-Web-Basic"
            },`

the typekit css:

@import url("https://p.typekit.net/p.css?s=1&k=dou8fmt&ht=tk&f=25310.25314.14437.14439&a=8358342&app=typekit&e=css");

@font-face {
font-family:"industry";
src:url("https://use.typekit.net/af/99114e/000000000000000077519a43/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/99114e/000000000000000077519a43/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/99114e/000000000000000077519a43/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"industry";
src:url("https://use.typekit.net/af/e15078/000000000000000077519a3f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/e15078/000000000000000077519a3f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/e15078/000000000000000077519a3f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"elena-web-basic";
src:url("https://use.typekit.net/af/5d3cbc/00000000000000007735daea/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5d3cbc/00000000000000007735daea/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5d3cbc/00000000000000007735daea/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"elena-web-basic";
src:url("https://use.typekit.net/af/d89e6b/00000000000000007735daec/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d89e6b/00000000000000007735daec/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d89e6b/00000000000000007735daec/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.tk-industry { font-family: "industry",sans-serif; }
.tk-elena-web-basic { font-family: "elena-web-basic",serif; }`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant