Make font-family adjustable in the UI

Created on 6 December 2022, about 2 years ago
Updated 7 September 2023, over 1 year ago

Problem/Motivation

We already had an issue to this topic here: #2950435
The issue fixed it, so it works for Micon itself, but its still broken, if the iconfont is used in a custom way (CSS/SASS in a custom theme).

Example FontAwesome: The default is => font-family = "fontawesome", class-prefix = "fa".

This should be possible IMO. Currently the font-family still changes to "fa".

If, for example, a (base) theme does something like:

// SASS-Code - using the Icomoon SASS Variables from the same icon package, which is used in Micon:
.block-search::before {
  content: "#{$fa-search}";
  font-family: $icomoon-font-family;
}
// Compiles to:
.block-search::before {
  content: "\eb4b";
  font-family: "forkawesome";
}

The icon won't work.

Proposed resolution

Add a further text field for the font-family name, set the class-prefix as default, so its backwards compatible.

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Needs work

Version

2.0

Component

Miscellaneous

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024