Question about the Code output

Ask the community
1

I’m trying to find out why Penpot pollutes the CSS with redundancy and noise;

@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.2.woff2) format(‘woff2’);
unicode-range: U+d723-d728, U+d72a-d733, U+d735-d748, U+d74a-d74f, U+d752-d753, U+d755-d757, U+d75a-d75f, U+d762-d764, U+d766-d768, U+d76a-d76b, U+d76d-d76f, U+d771-d787, U+d789-d78b, U+d78d-d78f, U+d791-d797, U+d79a, U+d79c, U+d79e-d7a3, U+f900-f909, U+f90b-f92e;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.3.woff2) format(‘woff2’);
unicode-range: U+d679-d68b, U+d68e-d69e, U+d6a0, U+d6a2-d6a7, U+d6a9-d6c3, U+d6c6-d6c7, U+d6c9-d6cb, U+d6cd-d6d3, U+d6d5-d6d6, U+d6d8-d6e3, U+d6e5-d6e7, U+d6e9-d6fb, U+d6fd-d717, U+d719-d71f, U+d721-d722;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.4.woff2) format(‘woff2’);
unicode-range: U+d5bc-d5c7, U+d5ca-d5cb, U+d5cd-d5cf, U+d5d1-d5d7, U+d5d9-d5da, U+d5dc, U+d5de-d5e3, U+d5e6-d5e7, U+d5e9-d5eb, U+d5ed-d5f6, U+d5f8, U+d5fa-d5ff, U+d602-d603, U+d605-d607, U+d609-d60f, U+d612-d613, U+d616-d61b, U+d61d-d637, U+d63a-d63b, U+d63d-d63f, U+d641-d647, U+d64a-d64c, U+d64e-d653, U+d656-d657, U+d659-d65b, U+d65d-d666, U+d668, U+d66a-d678;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.5.woff2) format(‘woff2’);
unicode-range: U+d507, U+d509-d50b, U+d50d-d513, U+d515-d53b, U+d53e-d53f, U+d541-d543, U+d545-d54c, U+d54e, U+d550, U+d552-d557, U+d55a-d55b, U+d55d-d55f, U+d561-d564, U+d566-d567, U+d56a, U+d56c, U+d56e-d573, U+d576-d577, U+d579-d583, U+d585-d586, U+d58a-d5a4, U+d5a6-d5bb;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.6.woff2) format(‘woff2’);
unicode-range: U+d464-d477, U+d47a-d47b, U+d47d-d47f, U+d481-d487, U+d489-d48a, U+d48c, U+d48e-d4e7, U+d4e9-d503, U+d505-d506;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.7.woff2) format(‘woff2’);
unicode-range: U+d3bf-d3c7, U+d3ca-d3cf, U+d3d1-d3eb, U+d3ee-d3ef, U+d3f1-d3f3, U+d3f5-d3fb, U+d3fd-d400, U+d402-d45b, U+d45d-d463;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.8.woff2) format(‘woff2’);
unicode-range: U+d2ff, U+d302-d304, U+d306-d30b, U+d30f, U+d311-d313, U+d315-d31b, U+d31e, U+d322-d324, U+d326-d327, U+d32a-d32b, U+d32d-d32f, U+d331-d337, U+d339-d33c, U+d33e-d37b, U+d37e-d37f, U+d381-d383, U+d385-d38b, U+d38e-d390, U+d392-d397, U+d39a-d39b, U+d39d-d39f, U+d3a1-d3a7, U+d3a9-d3aa, U+d3ac, U+d3ae-d3b3, U+d3b5-d3b7, U+d3b9-d3bb, U+d3bd-d3be;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.9.woff2) format(‘woff2’);
unicode-range: U+d257-d27f, U+d281-d29b, U+d29d-d29f, U+d2a1-d2ab, U+d2ad-d2b7, U+d2ba-d2bb, U+d2bd-d2bf, U+d2c1-d2c7, U+d2c9-d2ef, U+d2f2-d2f3, U+d2f5-d2f7, U+d2f9-d2fe;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.10.woff2) format(‘woff2’);
unicode-range: U+d1b4, U+d1b6-d1f3, U+d1f5-d22b, U+d22e-d22f, U+d231-d233, U+d235-d23b, U+d23d-d240, U+d242-d256;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.11.woff2) format(‘woff2’);
unicode-range: U+d105-d12f, U+d132-d133, U+d135-d137, U+d139-d13f, U+d141-d142, U+d144, U+d146-d14b, U+d14e-d14f, U+d151-d153, U+d155-d15b, U+d15e-d187, U+d189-d19f, U+d1a2-d1a3, U+d1a5-d1a7, U+d1a9-d1af, U+d1b2-d1b3;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.12.woff2) format(‘woff2’);
unicode-range: U+d04b-d04f, U+d051-d057, U+d059-d06b, U+d06d-d06f, U+d071-d073, U+d075-d07b, U+d07e-d0a3, U+d0a6-d0a7, U+d0a9-d0ab, U+d0ad-d0b3, U+d0b6, U+d0b8, U+d0ba-d0bf, U+d0c2-d0c3, U+d0c5-d0c7, U+d0c9-d0cf, U+d0d2, U+d0d6-d0db, U+d0de-d0df, U+d0e1-d0e3, U+d0e5-d0eb, U+d0ee-d0f0, U+d0f2-d104;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.13.woff2) format(‘woff2’);
unicode-range: U+cfa2-cfc3, U+cfc5-cfdf, U+cfe2-cfe3, U+cfe5-cfe7, U+cfe9-cff4, U+cff6-cffb, U+cffd-cfff, U+d001-d003, U+d005-d017, U+d019-d033, U+d036-d037, U+d039-d03b, U+d03d-d04a;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.14.woff2) format(‘woff2’);
unicode-range: U+cef0-cef3, U+cef6, U+cef9-ceff, U+cf01-cf03, U+cf05-cf07, U+cf09-cf0f, U+cf11-cf12, U+cf14-cf1b, U+cf1d-cf1f, U+cf21-cf2f, U+cf31-cf53, U+cf56-cf57, U+cf59-cf5b, U+cf5d-cf63, U+cf66, U+cf68, U+cf6a-cf6f, U+cf71-cf84, U+cf86-cf8b, U+cf8d-cfa1;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.15.woff2) format(‘woff2’);
unicode-range: U+ce3c-ce57, U+ce5a-ce5b, U+ce5d-ce5f, U+ce61-ce67, U+ce6a, U+ce6c, U+ce6e-ce73, U+ce76-ce77, U+ce79-ce7b, U+ce7d-ce83, U+ce85-ce88, U+ce8a-ce8f, U+ce91-ce93, U+ce95-ce97, U+ce99-ce9f, U+cea2, U+cea4-ceab, U+cead-cee3, U+cee6-cee7, U+cee9-ceeb, U+ceed-ceef;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.16.woff2) format(‘woff2’);
unicode-range: U+cd92-cd93, U+cd96-cd97, U+cd99-cd9b, U+cd9d-cda3, U+cda6-cda8, U+cdaa-cdaf, U+cdb1-cdc3, U+cdc5-cdcb, U+cdcd-cde7, U+cde9-ce03, U+ce05-ce1f, U+ce22-ce34, U+ce36-ce3b;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.17.woff2) format(‘woff2’);
unicode-range: U+ccef-cd07, U+cd0a-cd0b, U+cd0d-cd1a, U+cd1c, U+cd1e-cd2b, U+cd2d-cd5b, U+cd5d-cd77, U+cd79-cd91;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.18.woff2) format(‘woff2’);
unicode-range: U+cc3f-cc43, U+cc46-cc47, U+cc49-cc4b, U+cc4d-cc53, U+cc55-cc58, U+cc5a-cc5f, U+cc61-cc97, U+cc9a-cc9b, U+cc9d-cc9f, U+cca1-cca7, U+ccaa, U+ccac, U+ccae-ccb3, U+ccb6-ccb7, U+ccb9-ccbb, U+ccbd-cccf, U+ccd1-cce3, U+cce5-ccee;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.19.woff2) format(‘woff2’);
unicode-range: U+cb91-cbd3, U+cbd5-cbe3, U+cbe5-cc0b, U+cc0e-cc0f, U+cc11-cc13, U+cc15-cc1b, U+cc1d-cc20, U+cc23-cc27, U+cc2a-cc2b, U+cc2d, U+cc2f, U+cc31-cc37, U+cc3a, U+cc3c;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.20.woff2) format(‘woff2’);
unicode-range: U+caf4-cb47, U+cb4a-cb90;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.21.woff2) format(‘woff2’);
unicode-range: U+ca4a-ca4b, U+ca4e-ca4f, U+ca51-ca53, U+ca55-ca5b, U+ca5d-ca60, U+ca62-ca83, U+ca85-cabb, U+cabe-cabf, U+cac1-cac3, U+cac5-cacb, U+cacd-cad0, U+cad2, U+cad4-cad8, U+cada-caf3;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.22.woff2) format(‘woff2’);
unicode-range: U+c996-c997, U+c99a-c99c, U+c99e-c9bf, U+c9c2-c9c3, U+c9c5-c9c7, U+c9c9-c9cf, U+c9d2, U+c9d4, U+c9d7-c9d8, U+c9db, U+c9de-c9df, U+c9e1-c9e3, U+c9e5-c9e6, U+c9e8-c9eb, U+c9ee-c9f0, U+c9f2-c9f7, U+c9f9-ca0b, U+ca0d-ca28, U+ca2a-ca49;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.23.woff2) format(‘woff2’);
unicode-range: U+c8e9-c8f4, U+c8f6-c8fb, U+c8fe-c8ff, U+c901-c903, U+c905-c90b, U+c90e-c910, U+c912-c917, U+c919-c92b, U+c92d-c94f, U+c951-c953, U+c955-c96b, U+c96d-c973, U+c975-c987, U+c98a-c98b, U+c98d-c98f, U+c991-c995;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.24.woff2) format(‘woff2’);
unicode-range: U+c841-c84b, U+c84d-c86f, U+c872-c873, U+c875-c877, U+c879-c87f, U+c882-c884, U+c887-c88a, U+c88d-c8c3, U+c8c5-c8df, U+c8e1-c8e8;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.25.woff2) format(‘woff2’);
unicode-range: U+c779-c77b, U+c77e-c782, U+c786, U+c78b, U+c78d, U+c78f, U+c792-c793, U+c795, U+c797, U+c799-c79f, U+c7a2, U+c7a7-c7ab, U+c7ae-c7bb, U+c7bd-c7c0, U+c7c2-c7c7, U+c7c9-c7dc, U+c7de-c7ff, U+c802-c803, U+c805-c807, U+c809, U+c80b-c80f, U+c812, U+c814, U+c817-c81b, U+c81e-c81f, U+c821-c823, U+c825-c82e, U+c830-c837, U+c839-c83b, U+c83d-c840;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.26.woff2) format(‘woff2’);
unicode-range: U+c6bb-c6bf, U+c6c2, U+c6c4, U+c6c6-c6cb, U+c6ce-c6cf, U+c6d1-c6d3, U+c6d5-c6db, U+c6dd-c6df, U+c6e1-c6e7, U+c6e9-c6eb, U+c6ed-c6ef, U+c6f1-c6f8, U+c6fa-c703, U+c705-c707, U+c709-c70b, U+c70d-c716, U+c718, U+c71a-c71f, U+c722-c723, U+c725-c727, U+c729-c734, U+c736-c73b, U+c73e-c73f, U+c741-c743, U+c745-c74b, U+c74e-c750, U+c752-c757, U+c759-c773, U+c776-c777;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.27.woff2) format(‘woff2’);
unicode-range: U+c5f5-c5fb, U+c5fe, U+c602-c605, U+c607, U+c609-c60f, U+c611-c61a, U+c61c-c623, U+c626-c627, U+c629-c62b, U+c62d, U+c62f-c632, U+c636, U+c638, U+c63a-c63f, U+c642-c643, U+c645-c647, U+c649-c652, U+c656-c65b, U+c65d-c65f, U+c661-c663, U+c665-c677, U+c679-c67b, U+c67d-c693, U+c696-c697, U+c699-c69b, U+c69d-c6a3, U+c6a6, U+c6a8, U+c6aa-c6af, U+c6b2-c6b3, U+c6b5-c6b7, U+c6b9-c6ba;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.28.woff2) format(‘woff2’);
unicode-range: U+c517-c527, U+c52a-c52b, U+c52d-c52f, U+c531-c538, U+c53a, U+c53c, U+c53e-c543, U+c546-c547, U+c54b, U+c54d-c552, U+c556, U+c55a-c55b, U+c55d, U+c55f, U+c562-c563, U+c565-c567, U+c569-c56f, U+c572, U+c574, U+c576-c57b, U+c57e-c57f, U+c581-c583, U+c585-c586, U+c588-c58b, U+c58e, U+c590, U+c592-c596, U+c599-c5b3, U+c5b6-c5b7, U+c5ba, U+c5be-c5c3, U+c5ca-c5cb, U+c5cd, U+c5cf, U+c5d2-c5d3, U+c5d5-c5d7, U+c5d9-c5df, U+c5e1-c5e2, U+c5e4, U+c5e6-c5eb, U+c5ef, U+c5f1-c5f3;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.29.woff2) format(‘woff2’);
unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.30.woff2) format(‘woff2’);
unicode-range: U+c3d0-c3d7, U+c3da-c3db, U+c3dd-c3de, U+c3e1-c3ec, U+c3ee-c3f3, U+c3f5-c42b, U+c42d-c463, U+c466-c474;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.31.woff2) format(‘woff2’);
unicode-range: U+c32b-c367, U+c36a-c36b, U+c36d-c36f, U+c371-c377, U+c37a-c37b, U+c37e-c383, U+c385-c387, U+c389-c3cf;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.32.woff2) format(‘woff2’);
unicode-range: U+c26a-c26b, U+c26d-c26f, U+c271-c273, U+c275-c27b, U+c27e-c287, U+c289-c28f, U+c291-c297, U+c299-c29a, U+c29c-c2a3, U+c2a5-c2a7, U+c2a9-c2ab, U+c2ad-c2b3, U+c2b6, U+c2b8, U+c2ba-c2bb, U+c2bd-c2db, U+c2de-c2df, U+c2e1-c2e2, U+c2e5-c2ea, U+c2ee, U+c2f0, U+c2f2-c2f5, U+c2f7, U+c2fa-c2fb, U+c2fd-c2ff, U+c301-c307, U+c309-c30c, U+c30e-c312, U+c315-c323, U+c325-c328, U+c32a;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.33.woff2) format(‘woff2’);
unicode-range: U+c1bc-c1c3, U+c1c5-c1df, U+c1e1-c1fb, U+c1fd-c203, U+c205-c20c, U+c20e, U+c210-c217, U+c21a-c21b, U+c21d-c21e, U+c221-c227, U+c229-c22a, U+c22c, U+c22e, U+c230, U+c233-c24f, U+c251-c257, U+c259-c269;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.34.woff2) format(‘woff2’);
unicode-range: U+c101-c11b, U+c11f, U+c121-c123, U+c125-c12b, U+c12e, U+c132-c137, U+c13a-c13b, U+c13d-c13f, U+c141-c147, U+c14a, U+c14c-c153, U+c155-c157, U+c159-c15b, U+c15d-c166, U+c169-c16f, U+c171-c177, U+c179-c18b, U+c18e-c18f, U+c191-c193, U+c195-c19b, U+c19d-c19e, U+c1a0, U+c1a2-c1a4, U+c1a6-c1bb;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.35.woff2) format(‘woff2’);
unicode-range: U+c049-c057, U+c059-c05b, U+c05d-c05f, U+c061-c067, U+c069-c08f, U+c091-c0ab, U+c0ae-c0af, U+c0b1-c0b3, U+c0b5, U+c0b7-c0bb, U+c0be, U+c0c2-c0c7, U+c0ca-c0cb, U+c0cd-c0cf, U+c0d1-c0d7, U+c0d9-c0da, U+c0dc, U+c0de-c0e3, U+c0e5-c0eb, U+c0ed-c0f3, U+c0f6, U+c0f8, U+c0fa-c0ff;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.36.woff2) format(‘woff2’);
unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.37.woff2) format(‘woff2’);
unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.38.woff2) format(‘woff2’);
unicode-range: U+be56, U+be58, U+be5c-be5f, U+be62-be63, U+be65-be67, U+be69-be74, U+be76-be7b, U+be7e-be7f, U+be81-be8e, U+be90, U+be92-bea7, U+bea9-becf, U+bed2-bed3, U+bed5-bed6, U+bed9-bee3, U+bee6-bf06;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.39.woff2) format(‘woff2’);
unicode-range: U+bdb0-bdd3, U+bdd5-bdef, U+bdf1-be0b, U+be0d-be0f, U+be11-be13, U+be15-be43, U+be46-be47, U+be49-be4b, U+be4d-be53;
}
@font-face {
font-family: ‘Black Han Sans’;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(http://localhost:9001/internal/gfonts/font/blackhansans/v24/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.40.woff2) format(‘woff2’);
unicode-range: U+bd03, U+bd06, U+bd08, U+bd0a-bd0f, U+bd11-bd22, U+bd25-bd47, U+bd49-bd58, U+bd5a-bd7f, U+bd82-bd83, U+bd85-bd87, U+bd8a-bd8f, U+bd91-bd92, U+bd94, U+bd96-bd98, U+bd9a-bdaf;
}

Is there a means to mitigate this within Penpot somehow? Or, did someone at the development level think “hey, let’s give people options?”. Like, WHY is this happening?

Is this a bug? Or a design choice to spam the user with CSS?

2

Hello @Scott_O_Nanski!

While it’s super cool that Penpot can show us code related to what we draw on canvas, I agree with you that the output is just too polluted right now. Probably it will get better in the future (should, actually);

I usually avoid copying the code and instead go to the individual specs on the other tab, as it seems to work better for most cases.

3

I think this looks like a bug with the unicode-range property?

It’s probably not ideal behaviour for most designs to provide a unicode range (we’re often designing for text that won’t appear in a mockup.) But all of these unicode characters should be associated with the same @font-face declaration as the other properties are all the same. Instead, multiple @font-face declarations are being created for different unicode characters.

4

Thats how Google exports the fonts, see —> https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap

1 Like
5

Yikes. Then maybe it’s a bug in the Google Web Fonts API? I can’t see any benefit to producing CSS like that!

6

It is for performance optimazation. The browser checks which characters are being used on the page and then downloads only the font files that cover those character ranges.

7

Yes, but all of those unicode ranges should be included in a single @font-face declaration? If every other aspect of the declaration is the same (the font-family, font-style, font-weight, font-display, src) then there’s no performance advantage to splitting it into multiple declarations?