Custom css not working on mobile view

Technical assistance
1

Infos:

  • Used Zammad version: 6.4.1-1734440836.d926a905.noble
  • Used Zammad installation type: ubuntu package
  • Operating system: Ubuntu 24.04
  • Browser + version: chrome

Expected behavior:

  • I add this line into iranFonts.css into /opt/zammad/app/assets/stylesheets/custom/ and after that chown the file to user can control zammad after that
    zammad run rake assets:precompile
    systemctl restart zammad-web
    and reboot system!

content of my file look like :
@import “https://support.essiran.com/fonts/AnjomanMaxSemiPro/web/fontiran.css”;
@import “https://support.essiran.com/fonts/fontiran/webfonts/css/fontiran.css”;
@import “https://support.essiran.com/fonts/vazirmatn/vazirmatn.css”;
@import “https://support.essiran.com/fonts/danapro/Webfonts/css/fontiran.css”;
@import “https://support.essiran.com/fonts/iransansx/fontiran.css”;

  • {
    font-family: dana, Serif, sans-serif;
    -moz-font-feature-settings: “ss02”;
    -webkit-font-feature-settings: “ss02”;
    font-feature-settings: “ss02”;
    }

Actual behavior:

so the font of application change in desktop version but in mobile view or zamad.example.domain/mobile not changed and in view-source of the page no css that contain my custom css i put it.

Steps to reproduce the behavior:

if you want reproduce the behavior just install last zammad and do it, you can see the mobile view behave separated from desktop web view.
*