Customize Font + Size in Response

[NghiaTranUIT]

👏 Description

It would be great if the font and size are customizable from Preference app.

Acceptance Criteria

• [x] Add UI to Preference to select Font + Size
• [x] Able to change font + size in Request/Response Panel (Raw Preview, JSON, Previewer, ...)

[isadon]

Thanks @NghiaTranUIT. Will file future issues here.

[NghiaTranUIT]

Bump to Proxyman 1.22.0 👍

[NghiaTranUIT]

@donileo let checkout this BETA: https://proxyman.s3.us-east-2.amazonaws.com/beta/Proxyman_1.21.0_Font_Size.dmg

We're able to customize the font size to fit your monitor and easier for reading 🌮

[isadon]

Hi, thanks for the effort here. Is there a way to change the font? My original intention was just that, to allow picking a specific font and size to use for showing the responses headers etc.

[NghiaTranUIT]

Since the Request/Response Body Previewer is built on top of CodeMirror, so sometime it won't work properly with system fonts. I attempted but no luck : /

Thus, I don't support customize font at this moment. I will research it further and support it soon.

[isadon]

Excellent!

[fwrs]

Hi, it appears that you currently use Monaco rather than CodeMirror. Would it be possible to add this option now?

[NghiaTranUIT]

Do you mean the font? @ghilyusha

What is the current font issue that you'd like to change 🤔 Are you prefer using the monospace font?

[fwrs]

Do you mean the font? @ghilyusha

What is the current font issue that you'd like to change 🤔 Are you prefer using the monospace font?

@NghiaTranUIT Right now when I view a request's body in proxyman, for me it is displayed using the Monaco Editor and not CodeMirror. For example, the command palette feature is not present in CodeMirror (right click > command palette).

Monaco has a font changing capability, so it should be possible to add an option.

[NghiaTranUIT]

@ghilyusha yes, Monaco Editor is a new replacement for CodeMirror. I still don't understand why do you need to customize the Font Name? Is the current font hard to see? 🤔

[fwrs]

It's quite standard for applications to allow a custom monospace font family to accommodate for the preference of the user. I can find a setting for this in the majority of dev tools, such as VSCode, Paw/RapidAPI, Postman, Fork, iTerm, Xcode, etc.

The use case that I have for this is to allow the user to have the same monospace font everywhere.

Furthermore, the current font used by Monaco (called Menlo) is deprecated on macOS in favor of a new one (called SF Mono).

[NghiaTranUIT]

Thanks for the clarification. If I add the "Use monospace Font", does it fulfill your need?

Even though I support Custom Font or Monospace Font, the new font only applies to the Body, Header Key/Value, and Content, ... not every font of the app is changed because it's really hard to customize every single UI Control of the app.

[fwrs]

I'm sorry for the confusion. I only meant to ask for a setting that changes the font for code, not the UI, for example the request previews, map local tool, etc. That means only the bits that are rendered in Monaco.

[NghiaTranUIT]

Ah thanks, I understand now 👍 Will checkout how much workload to support Font for the Monaco Editor