--- a/gfx/2d/DrawEventRecorder.cpp
+++ b/gfx/2d/DrawEventRecorder.cpp
@@ -92,20 +92,20 @@ void
 DrawEventRecorderMemory::Flush()
 {
 }
 
 void
 DrawEventRecorderMemory::FlushItem(IntRect aRect)
 {
   MOZ_RELEASE_ASSERT(!aRect.IsEmpty());
-  // Detatching our existing resources will add some
+  // Detaching our existing resources will add some
   // destruction events to our stream so we need to do that
   // first.
-  DetatchResources();
+  DetachResources();
 
   // See moz2d_renderer.rs for a description of the stream format
   WriteElement(mIndex, mOutputStream.mLength);
 
   // write out the fonts into the extra data section
   mSerializeCallback(mOutputStream, mUnscaledFonts);
   WriteElement(mIndex, mOutputStream.mLength);
 

--- a/gfx/2d/DrawEventRecorder.h
+++ b/gfx/2d/DrawEventRecorder.h
@@ -25,17 +25,17 @@ class DrawEventRecorderPrivate : public 
 {
 public:
   MOZ_DECLARE_REFCOUNTED_VIRTUAL_TYPENAME(DrawEventRecorderPrivate, override)
 
   DrawEventRecorderPrivate();
   virtual ~DrawEventRecorderPrivate() { }
   virtual bool Finish() override { ClearResources(); return true; }
   virtual void FlushItem(IntRect) { }
-  void DetatchResources() {
+  void DetachResources() {
     // The iteration is a bit awkward here because our iterator will
     // be invalidated by the removal
     for (auto font = mStoredFonts.begin(); font != mStoredFonts.end(); ) {
       auto oldFont = font++;
       (*oldFont)->RemoveUserData(reinterpret_cast<UserDataKey*>(this));
     }
     for (auto surface = mStoredSurfaces.begin(); surface != mStoredSurfaces.end(); ) {
       auto oldSurface = surface++;