Load WordPress Editor .css on Front End

Fixed it! Although I still don’t know why I have to now enqueue the specific stylesheet when I didn’t before. If anyone knows why I’d definitely appreciate it.

But for now, my answer:

I had previously added in this code which was a bad idea. For some reason I didn’t those specific icons were being used:

// remove dashicons as they don't need to be loaded on the front-end and are using 1400ms in render blocking
function wpdocs_dequeue_dashicon() {
    if (current_user_can( 'edit_published_posts' )) {
        return;
    }
    wp_deregister_style('dashicons');
}
add_action( 'wp_enqueue_scripts', 'wpdocs_dequeue_dashicon' ); 

Removing that fixed the icon issue.

And then I had to register and enqueue the style:

wp_register_style( 'tinymce_stylesheet', 'https://example.org/wp-includes/css/editor.min.css?ver=4.9.9' );

//Editor Stylesheet for Deck Submit
function editor_send_deck() {
    // only enqueue on specific page slug
    if ( is_page( 'front-end' ) ) {
        wp_enqueue_style( 'tinymce_stylesheet' );
    }
}
add_action( 'wp_enqueue_scripts', 'editor_send_deck' );