Код с ScrollPane не работает, как надо

import java.awt.*;
 
class Fonts extends Canvas {
    private Font[] Fonts;
    Dimension canvasSize = new Dimension (400, 400) ;
    
    public Fonts() {
        Fonts = GraphicsEnvironment.getLocalGraphicsEnvironment().getAllFonts();
        canvasSize.height = (1 + Fonts.length) * 20;
    }
    
    public void paint (Graphics g) {
        String name;
        for (int i=0; i < Fonts.length; i++) {
            name = Fonts[i].getFontName();
            g.setFont (new Font (name, Font.PLAIN, 14));
            g.setColor (Color.red);
            g.drawString (i + ". " + name, 20, (i+1)*20);
        }
    }
    
    public Dimension getPreferredSize() {
        return canvasSize;
    }
}
 
class Window extends Frame {
    
    Fonts f = new Fonts();
    
    public Window (String title) {
        super (title);
        
        ScrollPane sp = new ScrollPane();
        sp.setSize (400, 400) ;
        sp.add (f);
                
        add (sp, BorderLayout.CENTER);
        pack();
    }
}
 
public class TestAllFonts {
    public static void main (String args []) {
        new Window ("All fonts").setVisible(true);
    }
}