Bionic Reading?

[dtrayanov]

It seems that my cards are somehow styled with bionic reading, bolded halfway and not bolded.
I do not have this addon enabled, and this was not like this before last night. Also, when I go to a next card, or flip the card, it disappears for a split second then returns.

[AnkiHub_AI_bot]

Thinking...

Search
Found 0 results for ‘tags:official bionic reading bolded halfway not bolded ankihub category: Support order:latest_topic max_posts:10 status:open’

This usually isn’t caused by AnkiHub or the AnkiHub add‑on, but by:

1. Card styling (CSS) on the note type
2. Another add‑on that changes card text rendering
3. A recent Anki / add‑on update that changed behavior

Because it suddenly started and affects all cards, the most likely culprit is an add‑on or a style change that was synced to your profile.

Here’s what I’d do step‑by‑step:

---

1. Check if it’s an add‑on (including AnkiHub)

1. Close Anki.
2. Reopen Anki while holding Shift → this temporarily disables all add‑ons (including AnkiHub).
3. Review a few cards.

• If the “bionic reading” effect disappears:

  • It’s definitely an add‑on. Close Anki and reopen normally.
  • Go to Tools → Add-ons and:
    • First disable any reading/styling/UI add‑ons (bionic reading, readability, etc.).
    • If unsure, disable add‑ons in batches and restart until you find the one causing it.
  • Once you find the add‑on, leave it disabled or change its settings.

• If it does NOT disappear:

  • Then it’s probably the card template styling (see next step).

AnkiHub itself does not intentionally apply bionic‑style bolding, so if disabling all add‑ons fixes it, it’s likely another add‑on.

---

2. Check the card template / styling (CSS)

1. Open the Browser.
2. Select an affected card.
3. Click Cards….
4. In the window that opens, look at the Styling section (CSS at the bottom).

Look for anything like:

• font-weight: 700 or bold applied to span:first-child, ::first-letter, etc.
• Any CSS that mentions “bionic”, “read”, or weird span rules.

If you’ve recently subscribed to or updated an AnkiHub shared deck, it’s possible the note type (including styling) was updated:

• Check the note type name at the top of the Cards window.
• If it’s one managed by AnkiHub:
  • You can try switching that deck to a different card type (one without that CSS).
  • Or temporarily uncheck “Apply note type updates” in the AnkiHub add‑on settings for that deck and then restore the styling manually (if you have a backup).

If you’re unsure, you can paste the entire CSS from the Styling section into a reply here (formatted as code with css … ), and I can help you point out what to remove.

---

3. Brief flicker / disappearance when flipping or moving to next card

That brief “disappears then returns” effect is often:

• A side effect of an add‑on that manipulates the HTML after Anki renders the card (e.g., bionic reading / focus / blur add‑ons), or
• Complex CSS transitions / animations added to the template.

Once you:

• Test with add‑ons disabled (Step 1), and
• Check/remove any suspicious CSS (Step 2),

this flicker usually goes away.

---

What would help next

Reply back with:

1. Whether the problem goes away when starting Anki with Shift (all add‑ons disabled).
2. A copy of the Styling section from Cards… for an affected note type.
3. Whether this deck/note type is managed via AnkiHub (and which shared deck it is, if so).

With that, I can give you concrete instructions tailored to your exact deck / note type.

[dtrayanov]

1. problem stays with Shift
   2. /* ANKINGOVERHAUL */

   /* The AnKing wishes you the best of luck! Be sure to check out our YouTube channel and Instagram

   for all things Anki and Med School related (including how to customize this card type and use these decks):

    www.AnKingMed.com
   
    	@ankingmed
   

   */

   /*#########################################################

   ################ USER CUSTOMIZATION START ##############*/

   /* You can choose colors at www.htmlcolorcodes.com */

   /* TIMER ON/OFF */

   .timer {

   display: block;

   /* ‘none’ or ‘block’ */

   }

   /* TAGS ON/OFF DESKTOP & MOBILE*/

   #tags-container {

   display: none;

   /* ‘none’ or ‘block’ */

   }

   .mobile #tags-container {

   display: none;

   /* ‘none’ or ‘block’ */

   }

   /* MOVE TAGS UP FOR ‘NO-DISTRACTIONS’ ADD-ON */

   #tags-container {

   padding-bottom: 0px;

   /* 0 normal, 55 to move up */

   }

   /*~~~~~~~~~FONT SIZE~~~~~~~~~*/

   /*NOTE: anything with ‘px’ will keep a font that size indefinitely,

   ‘rem’ is a fraction of this size above and allows all text to change size with the above setting */

   /* Desktop */

   html {

   font-size: 28px;

   }

   /* Mobile */

   .mobile {

   font-size: 28px;

   }

   /*IPAD ADJUSTMENTS (currently not applied)

   .ipad .card,

   .ipad #extra {

   font-size: 28px;

   }

   .ipad .hints {

   font-size: 24px;

   }

   .ipad #firstaid,

   .ipad #sketchy,

   .ipad #sketchy2,

   .ipad #sketchyextra,

   .ipad #picmonic,

   .ipad #pixorize,

   .ipad #physeo,

   .ipad #additional {

   font-size: 20px !important;

   }

   */

   /*REVEALED HINTS FONT SIZE*/

   .hints {

   font-size: .85rem;

   }

   /*Other Fields Font Size*/

   #firstaid,

   #sketchy,

   #sketchy2,

   #sketchyextra,

   #picmonic,

   #pixorize,

   #physeo,

   #additional {

   font-size: .6rem !important;

   }

   /*Other Fields Font Size on Mobile*/

   .mobile #firstaid,

   .mobile #sketchy,

   .mobile #sketchy2,

   .mobile #sketchyextra,

   .mobile #picmonic,

   .mobile #pixorize,

   .mobile #physeo,

   .mobile #additional {

   font-size: 20px !important;

   }

   /*~~~~~~~~~FONT STYLE~~~~~~~~~*/

   .card,

   kbd {

   font-family: Arial Greek, Arial;

   /*Step exam’s font is Arial Greek*/

   }

   /*~~~~~~~MAX IMAGE HEIGHT/WIDTH~~~~~~~*/

   img {

   max-width: 85%;

   max-height: 100%;

   }

   /* #extra img,

   notes img,

   #missed img,

   #pathoma img,

   #bnb img {

   max-width: 85%;

   } */

   #firstaid img,

   #sketchy img,

   #sketchy2 img,

   #sketchyextra img,

   #picmonic img,

   #pixorize img,

   #physeo img,

   #additional img {

   max-width: 60%;

   }

   /*~~~~~~~~~COLORS~~~~~~~~~/

   /* Default Text Color */

   .card {

   color: black;

   }

   /* Background Color */

   .card {

   background-color: #D1CFCE;

   }

   /* Cloze Color */

   .cloze, .cloze b, .cloze u, .cloze i {

   color: blue;

   }

   /* One by One Cloze Color */

   .cloze.one-by-one, .cloze.one-by-one b, .cloze.one-by-one u, .cloze.one-by-one i {

   color: #009400;

   }

   /* One by One Cloze Hint Color */

   .cloze-hint, .cloze-hint b, .cloze-hint u, .cloze-hint i {

   color: #009400;

   }

   /* “Extra” Field Color */

   #extra, #extra i {

   color: navy;

   }

   /* Hint Reveal Color */

   .hints {

   color: #4297F9;

   }

   /* Missed Questions Hint Reveal Color */

   #missed {

   color: red;

   }

   /* Timer Countdown Color */

   .timer {

   color: transparent;

   }

   /* Empty Link Color */

   a:not([href]),

   a[href^=“javascript:”] {

   text-decoration: none;

   color: inherit;

   }

   /*~~~~~~~~NIGHT MODE COLORS~~~~~~~~*/

   /* NM Default Text Color */

   .nightMode.card,

   .night_mode .card {

   color: #FFFAFA !important;

   }

   /* NM Background Color */

   .nightMode.card,

   .night_mode .card {

   background-color: #272828 !important;

   }

   /* NM Cloze Color */

   .nightMode .cloze, .nightMode .cloze b, .nightMode .cloze u, .nightMode .cloze i,

   .night_mode .cloze, .night_mode .cloze b, .night_mode .cloze u, .night_mode .cloze i {

   color: #4297F9 !important;

   }

   /* NM One by One Cloze Color */

   .nightMode .cloze.one-by-one, .nightMode .cloze.one-by-one b, .nightMode .cloze.one-by-one u, .nightMode .cloze.one-by-one i,

   .night_mode .cloze.one-by-one, .night_mode .cloze.one-by-one b, .night_mode .cloze.one-by-one u, .night_mode .cloze.one-by-one i {

   color: #009400 !important;
   

   }

   /* NM One by One Cloze Hint Color */

   .nightMode .cloze-hint, .nightMode .cloze-hint b, .nightMode .cloze-hint u, .nightMode .cloze-hint i,

   .night_mode .cloze-hint, .night_mode .cloze-hint b, .night_mode .cloze-hint u, .night_mode .cloze-hint i {

   color: #009400 !important;
   

   }

   /* NM “Extra” Field Color */

   .nightMode #extra, .nightMode #extra i,

   .night_mode #extra, .night_mode #extra i {

   color: magenta;

   }

   /* NM Hint Reveal Color */

   .nightMode .hints,

   .night_mode .hints {

   color: cyan;

   }

   /* ~~~~~COLOR ACCENTS FOR BOLD-ITALICS-UNDERLINE~~~~~~*/

   b {

   color: inherit;

   }

   u {

   color: inherit;

   }

   i {

   color: inherit;

   }

   /*################ USER CUSTOMIZATION END ################

   ###########################################################*/

   /* Styling For Whole Card*/

   .card {

   text-align: center;

   font-size: 1rem;

   height: 100%;

   margin: 0px 15px;

   flex-grow: 1;

   padding-bottom: 1em;

   margin-top: 15px;

   }

   .mobile .card {

   padding-bottom: 5em;

   margin: 1ex .3px;

   }

   /* Style the horizontal line */

   hr {

   opacity: .7

   }

   /* Formatting For Timer */

   .timer {

   font-size: 20px;

   margin: 12em auto auto auto;

   }

   /* ~~~~~~~~~ FIELDS ~~~~~~~~~ */

   /* Cloze format */

   .cloze {

   font-weight: bold;

   }

   /* Adjustments For Cloze Edit In Review On Mobile */

   .clozefield,

   .mobile .editcloze {

   display: none;

   }

   .editcloze,

   .mobile .clozefield {

   display: block;

   }

   /* Text When Hint Is Shown*/

   .hints {

   font-style: italic;

   }

   /*add spacing between hints and extra field*/

   .hints+#extra {

   margin-top: 1rem;

   }

   /* Extra Field */

   #extra {

   font-style: italic;

   font-size: 1rem;

   }

   /* ~~~~~~~~~TABLE STYLES~~~~~~~~~ */

   /* Table dynamic resize, includes mobile and tablet support */

   table {

   overflow-x: auto;

   margin-left: auto;

   margin-right: auto;

   border-collapse: collapse;

   overflow: scroll;

   white-space: normal;

   font-style: normal;

   font-size: clamp(0.1rem, 1.7vw, 0.9rem) !important;

   max-width: 95vw;

   }

   /* Left and right border cleanup */

   table td:first-child {

   border-left: 1px solid white;

   }

   table td:last-child {

   border-right: 1px solid white;

   }

   /* Table dynamic padding */

   table tr, td, th {

   padding-top: clamp(0.05rem, 1vw, 1rem);

   padding-bottom: clamp(0.05rem, 1vw, 1rem);

   padding-left: clamp(0.05rem, 1vw, 1rem);

   padding-right: clamp(0.05rem, 1vw, 1rem);

   }

   /* Span Correct */

   table span {

   font-size: clamp(0.1rem, 1.7vw, 0.9rem) !important;

   }

   /* Horizontal Header Style, applies to any row that spans all columns */

   table tr td:first-child[colspan]:last-child[colspan] {

   background-color: #ffffff;

   color: #367390;

   border-top: 3px solid #367390;

   border-bottom: 3px solid #367390;

   text-align: middle;

   padding-top: 1vw;

   padding-bottom: 1vw;

   }

   /* Alternate Header Style, set in T5 addon settings */

   table th {

   background-color: #ddecf2;

   color: #266988;

   border: 1px solid #ffffff;

   font-weight: normal;

   text-align: middle;

   }

   /* Alternate grey rows */

   table tr:nth-child(even) {

   color: #000000;

   background-color: #f8f8f8;

   }

   /* Default styles if not overridden by above */

   table {

   color: #000000;

   border: 1px solid #a4cde0;

   background-color: #ffffff;

   }

   /* NM table colors */

   .night_mode tr td:first-child[colspan]:last-child[colspan], .nightMode tr td:first-child[colspan]:last-child[colspan] { /* NM Horizontal Header */

   background-color: #19181d;

   color: #4491b6;

   border-top: 3px solid #393743;

   border-bottom: 3px solid #393743;

   }

   .night_mode table th, .nightMode table th { /* NM Alternate Header Style */

   background-color: #19181d;

   color: #3086ae;

   border: 1px solid #393743;

   }

   .night_mode table tr:nth-child(even), .nightMode table tr:nth-child(even) { /* NM Alternate rows */

   color: #ffffff;

   background-color: #2e2e36;

   }

   .night_mode table td:first-child, .nightMode table td:first-child { /* Left and right border cleanup */

   border-left: 1px solid black;

   }

   .night_mode table td:last-child, .nightMode table td:last-child {

   border-right: 1px solid black;

   }

   .night_mode table, .nightMode table { /* NM Default styles */

   color: #ffffff;

   border: 1px solid #393743;

   background-color: #26252b;

   }

   /* ~~~~~~~~~DETAILS FOR IMAGES~~~~~~~~~ */

   .mobile .card img {

   max-width: 100% !important;

   }

   #extra img {

   min-width: 0%;

   }

   .mobile .hints,

   .mobile #extra img {

   max-width: 100% !important;

   }

   /* Classes for individual cards */

   .image40 img {

   width: 40% !important;

   }

   .image50 img {

   width: 50% !important;

   }

   .image60 img {

   width: 60% !important;

   }

   .image70 img {

   width: 70% !important;

   }

   .image80 img {

   width: 80% !important;

   }

   .image90 img {

   width: 90% !important;

   }

   .image40 img,

   .image50 img,

   .image60 img,

   .image70 img,

   .image80 img,

   .image90 img {

   display: block;

   margin-right: auto;

   margin-left: auto;

   }

   .mobile .image40 img,

   .mobile .image50 img,

   .mobile .image60 img,

   .mobile .image70 img,

   .mobile .image80 img,

   .mobile .image90 img {

   width: auto !important;

   }

   /*Image hover zoom*/

   #extra img:active,

   notes img:active,

   #missed img:active,

   #pathoma img:active,

   #bnb img:active {

   transform: scale(1.2);

   }

   #firstaid img:active,

   #sketchy img:active,

   #sketchy2 img:active,

   #sketchyextra img:active,

   #picmonic img:active,

   #pixorize img:active,

   #physeo img:active,

   #additional img:active {

   transform: scale(1.5);

   }

   .mobile img:active {

   transform: scale(1.0) !important;

   }

   /* ~~~~~~~MNEMONICS LEFT JUSTIFIED~~~~~~~ */

   .mnemonics {

   display: inline-block;

   max-width: 50%;

   text-align: left;

   }

   .mobile .mnemonics {

   max-width: 90%;

   }

   .centerbox {

   text-align: center;

   }

   /* ~~~~~~~~~ LISTS ~~~~~~~~~ */

   ul, ol {

   padding-left: 40px;

   max-width: 50%;

   margin-left: auto;

   margin-right: auto;

   text-align: left;

   }

   ul ul, table ul, ol ol, table ol {

   padding-left: 20px;

   max-width: 100%;

   margin-left: 0;

   margin-right: 0;

   display: block;

   }

   .mobile ul {

   text-align: left;

   max-width: 100%;

   }

   .mobile ol {

   text-align: left;

   max-width: 100%;

   }

   /* ~~~~~~~~~ ADD-ON CONFIGURATIONS ~~~~~~~~~ */

   /*Compatibility with Image Style Editor add-on*/

   .card {

   –w: 0%;

   }

   .mobile .card {

   –w: 100% !important;

   }

   /*Max image width for resize images in editor add-on */

   .card [class^=ui-] img {

   max-width: 100% !important;

   }

   /*Compatibility with resize images in editor add-on */

   .resizer {

   min-width: 0% !important;

   }

   .mobile .resizer {

   min-width: 100% !important;

   }

   /* Fix to make pop-up dictionary images the right size */

   .qtip img {

   max-width: 95% !important;

   max-height: 95% !important;

   }

   /* ~~~~~~ANKING HYPERLINK IMAGE~~~~~~ */

   #pic {

   opacity: 0.0;

   font-size: 16px;

   font-family: Comic Sans !important;

   font-style: bold;

   height: 50px;

   border: 0;

   position: fixed;

   bottom: 10px;

   right: 10px;

   display: block;

   }

   #pic:hover {

   opacity: 1;

   transition: opacity 0.2s ease;

   }

   .mobile #pic {

   display: none;

   }

   /* ~~~~~~~~~ TAGS ~~~~~~~~~ */

   /* Container To Fix Tags At Bottom Of Screen */

   #tags-container {

   position: fixed;

   bottom: .5px;

   width: 100%;

   line-height: .45rem;

   margin-left: -15px;

   background-color: transparent;

   }

   /* Clickable Tags (need to download the add-on) */

   kbd {

   display: inline-block;

   letter-spacing: .1px;

   font-weight: bold;

   font-size: 10px !important;

   text-shadow: none !important;

   padding: 0.05rem 0.1rem !important;

   margin: 1px !important;

   border-radius: 4px;

   border-width: 1.5px !important;

   border-style: solid;

   background-color: transparent !important;

   box-shadow: none !important;

   opacity: 0.5;

   vertical-align: middle !important;

   line-height: auto !important;

   height: auto !important;

   }

   /* Tag Becomes More Visible On Hover */

   kbd:hover {

   opacity: 1;

   transition: opacity 0.2s ease;

   }

   /* Tag Colors */

   kbd:nth-of-type(1n+0) {

   border-color: #F44336;

   color: #F44336 !important;

   }

   kbd:nth-of-type(2n+0) {

   border-color: #9C27B0;

   color: #9C27B0 !important;

   }

   kbd:nth-of-type(3n+0) {

   border-color: #3F51B5;

   color: #3F51B5 !important;

   }

   kbd:nth-of-type(4n+0) {

   border-color: #03A9F4;

   color: #03A9F4 !important;

   }

   kbd:nth-of-type(5n+0) {

   border-color: #009688;

   color: #009688 !important;

   }

   kbd:nth-of-type(6n+0) {

   border-color: #C0CA33;

   color: #C0CA33 !important;

   }

   kbd:nth-of-type(7n+0) {

   border-color: #FF9800;

   color: #FF9800 !important;

   }

   kbd:nth-of-type(8n+0) {

   border-color: #FF5722;

   color: #FF5722 !important;

   }

   kbd:nth-of-type(9n+0) {

   border-color: #9E9E9E;

   color: #9E9E9E !important;

   }

   kbd:nth-of-type(10n+0) {

   border-color: #607D8B;

   color: #607D8B !important;

   }

   /* Tag Mobile Adjustments */

   .mobile kbd {

   opacity: .9;

   margin: 1px !important;

   display: inline-block;

   font-size: 10px !important;

   }

   .mobile #tags-container {

   line-height: 0.6rem;

   margin-left: 0px;

   }

   /* OME BANNER */

   .banner-ome {

   max-width: 300px;

   display: block;

   margin-left: auto;

   margin-right: auto;

   }

   .mobile .banner-ome {

   display: none;

   }

   #button-ome {

   display: none;

   }

   .mobile #button-ome {

   display: inline;

   }

   /* ~~~~~~~~~BUTTON LAYOUT~~~~~~~~~ */

   .button-general {

   outline: 0;

   border-radius: 0.12em;

   border: 1px solid #525253 !important;

   padding: 5px 5px;

   text-align: center;

   display: inline-block;

   font-size: 9.5px;

   background-color: #424242;

   color: #AFAFAF !important;

   margin-top: 8px;

   }

   .mobile .button-general {

   font-size: 18px;

   padding: 9px 7px;

   }

   .expanded-button {

   display: block;

   margin: auto;

   margin-top: 10px;

   font-weight: bold;

   width: 50% !important;

   background: #ababab !important;

   color: black !important;

   font-weight: bold;

   width: 50% !important;

   }

   #button-mq:not(.expanded-button) {

   color: #c26165 !important;

   }

   html:not(.mobile) .button-general:hover {

   cursor: default;

   background-color: #E9E9E9 !important;

   color: #363638 !important;

   }

   html:not(.mobile) #button-mq:hover {

   background-color: #FA8072 !important;

   color: black !important;

   }

   html:not(.mobile) #button-pat:hover {

   background-color: #EABCE4 !important;

   }

   html:not(.mobile) #button-fa:hover {

   background-color: #FFF1B8 !important;

   }

   html:not(.mobile) #button-sketchy:hover {

   background-color: #7EDEC0 !important;

   }

   html:not(.mobile) #button-pixorize:hover {

   background-color: #ea8eed !important;

   }

   html:not(.mobile) #button-physeo:hover {

   background-color: #A1C0C6 !important;

   }

   html:not(.mobile) #button-bootcamp:hover {

   background-color: #0b8198 !important;

   }

   html:not(.mobile) #button-ome:hover {

   background-color: #47C3F3 !important;

   }

   /* Show tag based hint buttons only on mobile */

   html:not(.mobile) .tagBasedHintBtn {

   display: none;

   }

   /* Blur styles */

   img {

   transition: filter 0.3s ease;

   }

   .blur {

   filter: blur(15px);

   }

   /* Utility classes */

   .hidden {

   display: none;

   }

   /*

   ANKIHUB_END

   Text below this comment will not be modified by AnkiHub or AnKing add-ons.

   Do not edit or remove this comment if you want to protect the content below.

   */

   3. yes, AnKing v12 deck

[AnkiHub_AI_bot]

Thanks for the detailed info—that helps a lot.

1. Good news:

   • There is nothing in your CSS that would create a bionic‑reading effect (no partial bolding, no special spans, etc.).
   • The flicker + bolding together almost certainly point to another add‑on modifying the rendered text dynamically, not the template itself.

2. Why starting with Shift didn’t help (likely reason)
   Holding Shift disables desktop add‑ons, but:

   • If you’re also using AnkiDroid / AnkiMobile, they can still have their own display quirks.
   • Or you may have a browser extension (for AnkiWeb review) that applies bionic reading globally.

   Since you’re on AnKing v12, your template is standard. The issue is almost surely outside the note type.

---

Next things to check

A. Where exactly are you seeing this?

Please confirm for the problematic screenshot:

• Are you reviewing:
  • On desktop Anki, or
  • On AnkiDroid, or
  • On AnkiMobile (iOS), or
  • On AnkiWeb in a browser?

The fix depends heavily on this.

---

B. If it’s on desktop Anki

Since Shift‑start didn’t fix it, try this:

1. Create a brand‑new Basic note type:
   • Tools → Manage Note Types → Add → Basic → OK.
2. Make a simple test card:
   • Front: This is a test sentence to check bolding
   • Back: Answer
3. Review that test card:
   • If it also appears in bionic reading style → it’s likely:
     • Your OS / display scaling / system‑wide accessibility setting, or
     • A GPU/video driver/rendering issue.
   • If the test card looks normal, but AnKing cards don’t, then:
     • There might be JavaScript on the AnKing template (Front/Back tab) from an add‑on (not in the Styling CSS).
       → Please screenshot or copy the content of Front Template and Back Template for one of the affected AnKing cards and post it here.

---

C. If it’s on AnkiWeb (in a browser)

Many “bionic reading” browser extensions silently apply this effect to all websites, including AnkiWeb.

• Check your browser extensions for:
  • “Bionic Reading”, “Focus”, “Read Better”, “Speed Reading”, etc.
• Disable them temporarily and reload AnkiWeb.
• If that fixes it, you can:
  • Disable the extension on ankiweb.net, or
  • Turn it off while studying.

---

D. If it’s on AnkiDroid / AnkiMobile

• Verify that no system‑wide reading / accessibility app is overlaying text (e.g., Android reading enhancers, overlay apps, etc.).
• On AnkiDroid:
  • Check Settings → Advanced → Custom fonts / styling and see if anything odd is enabled.
• On iOS, check any Safari extensions or reading apps if you’re using AnkiWeb.

---

About AnkiHub / AnKing v12 specifically

• Your CSS reaches down to the comment:

  /*
  ANKIHUB_END
  Text below this comment will not be modified by AnkiHub or AnKing add-ons.
  */
  

  Above that line, everything is standard AnKing v12 / AnkiHub‑managed styling—no bionic logic.

• AnkiHub can update:

  • Fields
  • Templates
  • Styling

  but the bionic effect you describe would require either:

  • Extra JavaScript (in Front/Back template) added by an add‑on, or
  • An external tool (extension/app) post‑processing the text.

---

What I need from you next

Please reply with:

1. Exact platform where you see the issue (desktop / AnkiDroid / iOS / AnkiWeb + browser).
2. If on desktop:
   • Result of the simple Basic test card.
   • The Front and Back template content for one of the affected AnKing cards (you can redact personal notes).
3. If on AnkiWeb:
   • A list or screenshot of your browser extensions.

With that, we can pinpoint whether this is:

• A browser/OS “reading enhancer”
• A specific add‑on’s injected script
• Or something else rare on your system.

[dtrayanov]

ankidesktop on Mac

here is front template

{{cloze:Text}}

{{One by one}}

{{#Tags}}

{{clickable::Tags}}

{{/Tags}}

{{#ankihub_id}}

<div id="ankihub-note-id" hidden>{{ankihub_id}}</div>

{{/ankihub_id}}

125030

[dtrayanov]

back template

{{cloze:Text}}

{{edit:cloze:Text}}

{{^One by one}}

{{/One by one}}

---

{{One by one}}

Reveal Next

Toggle All

{{#OME}}{{OME}}{{/OME}}

{{#Lecture Notes}}

<img src="\_AnKingIconSmall.png" style="height:12px"> Lecture Notes

{{edit:Lecture Notes}}

{{/Lecture Notes}}

{{#Missed Questions}}

<img src="\_AnKingIconSmall.png" style="height:12px"> Missed Questions

{{edit:Missed Questions}}

{{/Missed Questions}}

{{#Pathoma}}

<img src="\_pathoma.icon.png" style="height:12px">

{{edit:Pathoma}}

{{/Pathoma}}

{{#Boards and Beyond}}

<img src="\_b&b.icon.png" style="height:12px"> Boards and Beyond

{{edit:Boards and Beyond}}

{{/Boards and Beyond}}

{{#Extra}}

{{edit:Extra}}

{{/Extra}}

{{#First Aid}}

<img src="\_first-aid.icon_v2.1.png" style="height:12px"> First Aid

{{edit:First Aid}}

{{/First Aid}}

{{#Sketchy}}

<img src="\_sketchy.icon.png" style="height:12px"> Sketchy

{{edit:Sketchy}}

{{/Sketchy}}

{{#Sketchy 2}}

<img src="\_sketchy.icon.png" style="height:12px"> Sketchy 2

{{edit:Sketchy 2}}

{{/Sketchy 2}}

{{#Sketchy Extra}}

<img src="\_sketchy.icon.png" style="height:12px"> Sketchy Extra

{{edit:Sketchy Extra}}

{{/Sketchy Extra}}

{{#Picmonic}}

<img src="\_picmonic.icon.png" style="height:12px"> Picmonic

{{edit:Picmonic}}

{{/Picmonic}}

{{#Pixorize}}

<img src="\_pixorize.png" style="height:12px"> Pixorize

{{edit:Pixorize}}

{{/Pixorize}}

{{#Physeo}}

<img src="\_physeologo.icon.png" style="height:12px">

{{edit:Physeo}}

{{/Physeo}}

{{#Bootcamp}}

<img src="\_bootcamp.png" style="height:12px"> Bootcamp

{{edit:Bootcamp}}

{{/Bootcamp}}

{{#OME}}

<a onclick="toggleHintBtn('hint-ome')"></a>

<button id="button-ome" class="button-general" onclick="toggleHintBtn('hint-ome')">

  <img src="\_omelogo.icon.png"> OnlineMedEd

</button>

<div id="ome" class="hints" style="display: none;">{{edit:OME}}</div>

{{/OME}}

{{#Additional Resources}}

<img src="\_AnKingIconSmall.png" style="height:12px"> Additional Resources

{{edit:Additional Resources}}

{{/Additional Resources}}

PSEUDO-FIELD #Boards and Beyond Links

<span id=“hint-bb-links” class=“hintBtn tagBasedHintBtn hidden”

data-name=“Boards and Beyond Links” data-resource-type-tag-part=“#b&b” data-resource-slug=“bb”

data-link-prefix=“B&B”

>

<img src="\_b&b.icon.png" style="height:12px"> Boards and Beyond Links

PSEUDO-FIELD /Boards and Beyond Links

PSEUDO-FIELD #First Aid Links

<span id=“hint-fa-links” class=“hintBtn tagBasedHintBtn hidden”

data-name=“First Aid Links” data-resource-type-tag-part=“#firstaid” data-resource-slug=“fa”

data-link-prefix=“FA4”

>

<img src="\_first-aid.icon_v2.1.png" style="height:12px"> First Aid Links

PSEUDO-FIELD /First Aid Links

{{#Tags}}

{{clickable::Tags}}

{{/Tags}}

.cloze-replacer:hover { cursor: pointer; } .cloze-hidden { display: none; } .cloze-replacer .hidden { display: none; } #extra.hidden { display: none; }

×

#tc { color: #222222; position: absolute; top: 16px; margin: 0px; left: 15px; text-decoration: none; height: 320px; overflow: hidden; overflow-y: scroll; white-space: pre-wrap; width: 300px; } #tc p { margin: 0px; } #tc::-webkit-scrollbar { display: none; } #fadebottom_v { height: 30px; width: 300px; background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 1)); z-index: 111; position: absolute; bottom: 0px; left: 15px; } #hc { color: #666; font-weight: bold; } #ic { right: 0px; top: 30px; position: absolute; } #ic img { width: 160px; height: auto; object-fit: cover; overflow: hidden; } #popup-image { width: 140px; height: auto; } #popup-container { background: #fff; position: absolute; bottom: 30px; right: 10px; z-index: 110; -webkit-box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05); padding: 0; display: none; font-size: 17px; line-height: 20px; border-radius: 2px; width: 480px; height: 340px; overflow: hidden; font-family: Arial; text-align: left; border: 1px solid #d0d0d0; border-radius: 5px; } #close-popup-btn { position: absolute; top: 1px; right: 5px; width: 32px; height: 32px; background: none; border: 0; cursor: pointer; font-family: 'Josefin Sans', sans-serif; font-size: 20px; outline: none; text-align: right; z-index: 112; } #open-wiki-btn { position: absolute; top: 10px; right: 30px; width: 15px; height: 32px; background: none; border: 0; cursor: pointer; text-decoration: none; color: #222222; font-family: 'Josefin Sans', sans-serif; font-size: 17px; outline: none; text-align: left; z-index: 112; }

{{#ankihub_id}}

<a class=‘ankihub-view-note’

href='https://app.ankihub.net/decks/notes/{{ankihub_id}}'>

View Note on AnkiHub

.ankihub-view-note { display: none; } .mobile .ankihub-view-note { display: block; left: 50%; margin-right: -50%; padding: 8px; border-radius: 50px; background-color: #cde3f8; font-size: 12px; color: black; text-decoration: none; } /\* AnkiDroid (Android) The button is fixed to the bottom of the screen. \*/ .android .ankihub-view-note { position: fixed; bottom: 5px; transform: translate(-50%, -50%); } /\* AnkiMobile (IPhone) position: fixed doesn't work on AnkiMobile, so the button is just below the content instead. \*/ .iphone .ankihub-view-note, .ipad .ankihub-view-note { position: relative; transform: translate(-50%, 0); width: fit-content; margin-top: 20px; }

{{/ankihub_id}}

[AnkiHub_AI_bot]

That last line explains everything:

<script src="_bionic-reading.js"></script>

That file is what’s applying the bionic‑reading styling to your cards.

It’s not part of the default AnKing v12 / AnkiHub template, so it was added manually at some point (or via another add‑on) below the ANKIHUB_END marker, which is why AnkiHub didn’t overwrite it.

---

How to fix it

1. Open the Cards… window again for this note type.

2. In the Front Template:

   • Scroll to the very bottom.

   • Delete this line:

     <script src="_bionic-reading.js"></script>
     

3. Click Close, then review cards again.

That should:

• Remove the bionic‑reading bolding, and
• Likely reduce or eliminate the flicker when the card loads (since that script won’t be post‑processing the text anymore).

---

Why AnkiHub didn’t “fix” it

• Everything above:

  <!--
  ANKIHUB_END
  Text below this comment will not be modified by AnkiHub or AnKing add-ons.
  -->
  

  is managed by AnkiHub / AnKing.

• Everything below that comment is your own custom code. AnkiHub intentionally leaves it untouched so users can safely add personal tweaks—like this _bionic-reading.js include.

If you remove that line and still see any odd behavior, post another screenshot and (if needed) the Back Template too, but I expect removing that script will fully solve your issue.

[abdo.nh]

Please see this:

Equations not displaying when studying cards but it is in the editor

The Bionic Reading add-on adds a script to your template, and it can still take effect even after uninstalling it. To remove the script manually without the add-on: Open the edit screen for any AnKing note. Click the Cards button to open the templates screen. Search for _bionic-reading.js in the front/back templates. You should find a line containing something like <script src="_bionic-reading.js"></script>. Delete it and save changes.