-
AuthorPosts
-
November 8, 2022 at 6:18 pm #1371786
Hi,
I have one thing which I’m not sure how to solve on my webpage.
When I have headings which are capital letters in my local language some of characters in them are shown in different colour. The whole character/letter is proper and has proper diacritics however for some reason it is shown not in black but light grey.Is there some way how to force this to be shown also in black? Do you know why it is shown in grey at all? It is visible on multiple places on my homepage (after login)
See screenshot:
November 9, 2022 at 5:04 am #1371851Hey Jaro,
Thank you for the inquiry.
We can see the issue but we are not yet sure why some latin characters render like that. They render fine for smaller text. We tried to add the latin and latin-extended subset to the Cabin and Opens Sans font, but it didn’t help.
add_filter('avf_google_fontlist', function($google_fontlist) { $google_fontlist = $google_fontlist . '&subset=latin,latin-ext'; return $google_fontlist; }, 10, 1);
Have you tried using a different font?
Best regards,
IsmaelNovember 9, 2022 at 1:10 pm #1371889I’ve tried different fonts and did not have this issue with others. If the font can’t display character properly it still shows it in black.
This seems to be only “Cabin” font which for some reason shows everything properly but diacritics (only one) different colour.When I’ve tested this on https://www.1001fonts.com/cabin-font.html?text=%C5%A0%C4%8C%C5%BD%C5%A1%C4%8D%C5%BE&size=96
It displays all the types properly. Is there some way to figure out what font exactly Enfold uses when H1 and Cabin is selected?November 9, 2022 at 1:29 pm #1371892have you tested to get it from this page – with latin-extended option:
(the caron should be part of it “hatschek” Unicode U+0160, U+0161 )https://google-webfonts-helper.herokuapp.com/fonts/cabin?subsets=latin,latin-ext
or try from Google the variable font –
you can have then f.e.:@font-face { font-family: "Cabin Regular"; src: url("Cabin-VariableFont_wdth,wght.ttf"); font-weight: 400 700; font-stretch: 75% 100%; unicode-range: U+000D, U+0020-007E, U+00A0-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01E6-01E7, U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02BB-02BC, U+02BE-02BF, U+02C6-02CC, U+02D8-02DD, U+0300-0304, U+0306-030C, U+030F, U+0311-0312, U+031B, U+0323-0324, U+0326-0328, U+032E, U+0331, U+0335, U+03C0, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E69, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E8E-1E8F, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+2007-200B, U+2010, U+2012-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB-20AD, U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+2113, U+2116, U+2122, U+2126, U+212E, U+2202, U+2205-2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA; }
November 9, 2022 at 2:22 pm #1371905Thanks Guenni,
I’ve tried to manually upload font from the url you mentioned and the same issue is still happening.
Not sure what you mean by that variable font. I think I will just use some different font to get this resolved :(November 9, 2022 at 3:00 pm #1371915It seems once I downloaded Cabin font family from
https://fonts.google.com/specimen/CabinAnd used that one, all seems to be fine now :) We should be good then
Thanks
November 9, 2022 at 3:04 pm #1371918 -
AuthorPosts
- The topic ‘Some capital font diacritics are shown in different colour’ is closed to new replies.