documentation
documentation copied to clipboard
Qiskit
Greek characters in circuit drawings creating alignment problems
URL to the relevant documentation
Once the page is live, the URL will be https://docs.quantum-computing.ibm.com/verify/simulate-with-qiskit-primitives (will merge in this PR)
Please describe the UI problem.
Circuit drawings on this page aren't completely aligned correctly. Under Parameterized circuit with Estimator, the drawing in the old Qiskit docs shows this
But in our docs it shows as this
The problem seems to be the theta character.
The problem is similar in the analogous Sampler section
This is an issue bc ibm plex doesnt have a font for greek characters, so in browser it defaults to a different font which throws off the spacing
From Abby's screenshot, it seems the old Qiskit docs used a fallback with the correct spacing. We might be able to find that font and use it here.
This is now fixed through changes in closed source.
There were two issues:
- For QuantumCircuit.draw(), Qiskit returns both HTML and plain text. The app was preferring the HTML, but its formatting doesn't work well with the web app. We now use the plain text
- Next.js was using a fallback font of Arial for characters that aren't in IBM Plex Mono. We turned that off and now fallback to a monospace font.
