Codecademy 等站点的光标错位问题

用强制（或修改过）页面字体的浏览器浏览 Codecademy 等站点时，会出现页面编辑器光标错位的情况，感觉是默认字符宽度的设定造成的（使用 Stylish for Chrome 时这种问题也很明显）

正面解决方法尚未发现，侧面的话，或者使用未强制字体的浏览器（糟糕的浏览体验），或者……使用 Sublime Text 和复制粘贴……

附上一段方便此类操作的ahk代码
（在 ST 中按 F1 会全选当前代码将其复制到 Codecademy 代码窗口中并自动执行，在 Codecademy 中按 F2 会全选当前代码并复制到 ST中）

    $F1::
    if WinActive("ahk_class PX_WINDOW_CLASS")
    send ^a 
    send ^c
    SetTitleMatchMode 2
    WinActivate, Codecademy
    send ^a 
    send ^v
    send ^{Enter}
    Return

    $F2::
    if WinActive("ahk_class Chrome_WidgetWin_1")
    send ^a 
    send ^c
    SetTitleMatchMode 2
    WinActivate, Sublime
    send ^a 
    send ^v